React/JS/SCSS/CSS. Всем привет! Появилась некая проблема со слайдером. Такие пропорции: 1) ширина слайдера 85%, ширина одного элемента 100px (в зависимости от разрешения viewport разный. На FullHD: 11 элементов) . Допустим элементов 30, каждый шаг - 1 элемент. Как рассчитать, закончились ли элементы с учитыванием разных разрешений? Мне надо сделать, чтобы если на viewport уже последний элемент - возможность слайда вправо исчезала. Песочница: https://codesandbox.io/s/elegant-hoover-ejxgo?file=/src/App.js
React/JS/SCSS/CSS. Всем привет! Появилась некая проблема со слайдером. Такие пропорции: 1) ширина слайдера 85%, ширина одного элемента 100px (в зависимости от разрешения viewport разный. На FullHD: 11 элементов) . Допустим элементов 30, каждый шаг - 1 элемент. Как рассчитать, закончились ли элементы с учитыванием разных разрешений? Мне надо сделать, чтобы если на viewport уже последний элемент - возможность слайда вправо исчезала. Песочница: https://codesandbox.io/s/elegant-hoover-ejxgo?file=/src/App.js
React/JS/SCSS/CSS. Всем привет! Появилась некая проблема со слайдером. Такие пропорции: 1) ширина слайдера 85%, ширина одного элемента 100px (в зависимости от разрешения viewport разный. На FullHD: 11 элементов) . Допустим элементов 30, каждый шаг - 1 элемент. Как рассчитать, закончились ли элементы с учитыванием разных разрешений? Мне надо сделать, чтобы если на viewport уже последний элемент - возможность слайда вправо исчезала. Песочница: https://codesandbox.io/s/elegant-hoover-ejxgo?file=/src/App.js
React/JS/SCSS/CSS. Всем привет! Появилась некая проблема со слайдером. Такие пропорции: 1) ширина слайдера 85%, ширина одного элемента 100px (в зависимости от разрешения viewport разный. На FullHD: 11 элементов) . Допустим элементов 30, каждый шаг - 1 элемент. Как рассчитать, закончились ли элементы с учитыванием разных разрешений? Мне надо сделать, чтобы если на viewport уже последний элемент - возможность слайда вправо исчезала. Песочница: https://codesandbox.io/s/elegant-hoover-ejxgo?file=/src/App.js