0
349.6000061035156
349.6000061035156
699.2000122070312
699.2000122070312
1048.800048828125
1048.800048828125
1398.4000244140625
1398.4000244140625
1748
1748
1749.5999755859375
349.6000061035156
698.4000244140625
1048
1397.5999755859375
1746.4000244140625
1749.5999755859375
1749.5999755859375
document.querySelector('.slider .slides').scrollLeft.toFixed(0);
document.querySelector('.slider .slides').scrollLeft = document.querySelector('.slider .slides').scrollLeft.toFixed(0);
document.querySelector('.slider .slides').scrollLeft = Math.floor(document.querySelector('.slider .slides').scrollLeft);
window.onload() => document.querySelector('.slider .slides').scrollLeft = 0;
const elements = 5; // кол-во слайдов
const otstup = 350;
let array = [];
let slide = 1;
for (var i = 0; i < elements; i++) {
array.push(otstup * i);
};
console.log(array) // 1 слайд - 0, 2 слайд - 350, 3 слайд = 700, 4 слайд = 1050, 5 слайд - 1400.
document.querySelector('.slider .controls .right').onclick = () => {
if (!array[slide + 1]) return document.querySelector('.slider .slides').scrollLeft = 0;
document.querySelector('.slider .slides').scrollLeft = array[slide];
slide++;
//document.querySelector('.slider .slides').scrollLeft += 350;
console.log(document.querySelector('.slider .slides').scrollLeft)
}
document.querySelector('.slider .controls .left').onclick = () =>
document.querySelector('.slider .slides').scrollLeft -= 350;
const elements = document.getElementsByClassName("slides")[0].childElementCount; // кол-во слайдов
const otstup = 350;
let array = [];
let slide = 1;
for (var i = 0; i < elements; i++) {
array.push(otstup * i);
};
console.log(array) // 1 слайд - 0, 2 слайд - 350, 3 слайд = 700, 4 слайд = 1050, 5 слайд - 1400.
document.querySelector('.slider .controls .right').onclick = () => {
if (!array[slide]) {
document.querySelector('.slider .slides').scrollLeft = 0;
slide = 1;
return;
}
document.querySelector('.slider .slides').scrollLeft = array[slide];
slide++;
}
document.querySelector('.slider .controls .left').onclick = () => {
if (!array[slide]) {
document.querySelector('.slider .slides').scrollLeft = array[array.length - 1];
slide = document.getElementsByClassName("slides")[0].childElementCount;
return;
}
document.querySelector('.slider .slides').scrollLeft -= array[slide];
slide--;
}
const elements = document.querySelectorAll('.slider .slides .slide').length; // кол-во слайдов
const step = 350;
let slides = [];
let slide = 0;
for(let i = 0; i < elements; i++) {
slides[i] = step * i;
}
document.querySelector('.slider .controls .right').onclick = () => {
slide++;
if(slide >= slides.length) slide = 0;
document.querySelector('.slider .slides').scrollLeft = slides[slide];
console.log(slide);
}
document.querySelector('.slider .controls .left').onclick = () => {
slide--;
if(slide < 0) slide = slides.length-1;
document.querySelector('.slider .slides').scrollLeft = slides[slide];
console.log(slide);
}
349.6000061035156
700
1049.5999755859375
1400
div.scrollTop = 0;
let but = document.querySelector("button");
but.addEventListener("click", function() {
div.scrollTop += 10;
console.log(div.scrollLeft);
console.log(div.scrollTop);
})