Window.scrollTo(x, y) не работает в мобильной iOSCSS

Разбираемся в CSS
Ответить
Anonymous
 Window.scrollTo(x, y) не работает в мобильной iOS

Сообщение Anonymous »

Пытаюсь создать веб-сайт, который может
  • перемещать экран ВПРАВО при прокрутке ВВЕРХ
  • перемещать экран вправо ВЛЕВО при прокрутке ВНИЗ
Я использовал функцию window.scrollTo для перемещения экрана. Он отлично работает в настольном браузере и в мобильной версии Chrome на настольном компьютере. Но эта функция не работает на мобильных устройствах, даже на iOS Safari или iOS Chrome. Попробовал setTimeout, но все равно не работает. Есть предложения?
Ниже приведены упрощенные коды, связанные с той же проблемой.


Изображение




// Mobile
document.body.addEventListener('touchmove', function(e){
handleTouchMove(e);

e.preventDefault(); // disable mobile user interaction
}, { passive: false });

var currentX = 0;

function scrolling(isUp) {
var movingBy = 10;
// backward
if (isUp) {
currentX -= Math.min(movingBy, currentX);
// forward
} else {
currentX += Math.min(movingBy, $(window).width() * 2 - currentX);
}
window.scrollTo(currentX, 0);
}

document.addEventListener('touchstart', handleTouchStart, false);

var xDown = null;
var yDown = null;

function handleTouchStart(evt) {
var touches = evt.touches || evt.originalEvent.touches;
const firstTouch = touches[0];
xDown = firstTouch.clientX;
yDown = firstTouch.clientY;
};

function handleTouchMove(evt) {
var xUp = evt.touches[0].clientX;
var yUp = evt.touches[0].clientY;

var xDiff = xDown - xUp;
var yDiff = yDown - yUp;

if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {
// left and right
} else {
// up and down
scrolling(yDiff

Подробнее здесь: https://stackoverflow.com/questions/749 ... mobile-ios
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»