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 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Почему window.top.parent не является нулевым и почему window.top.parent - это window.top?
    Anonymous » » в форуме Javascript
    0 Ответы
    58 Просмотры
    Последнее сообщение Anonymous
  • `window.scrollto` Свитки за пределами контейнера на сафари для iOS
    Anonymous » » в форуме IOS
    0 Ответы
    1 Просмотры
    Последнее сообщение Anonymous
  • `window.scrollto` Свитки за пределами контейнера на сафари для iOS
    Anonymous » » в форуме Javascript
    0 Ответы
    0 Просмотры
    Последнее сообщение Anonymous
  • `window.scrollto` Свитки за пределами контейнера на сафари для iOS
    Anonymous » » в форуме IOS
    0 Ответы
    0 Просмотры
    Последнее сообщение Anonymous
  • Почему в Safari значения window.screen.height и window.screen.availHeight различаются в обычном и приватном режимах?
    Anonymous » » в форуме Javascript
    0 Ответы
    51 Просмотры
    Последнее сообщение Anonymous

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