Переместите элемент по горизонтали при прокрутке, используя scrollTop как минус (jquery) - PullRequest
0 голосов
/ 30 апреля 2020

Здесь у меня есть JSFiddle относительно того, где я нахожусь: http://jsfiddle.net/f6hqu47c/

На скрипке test2 уходит с экрана при прокрутке вниз, отлично! Это рабочий код для test2:

//This code needs to move test2 right on scroll ** Works **
var $horizontal = $('#horizontal-right');
var startPosition = $horizontal.position().left;
var speed = 14;
$(window).scroll(function () {
    var st = $(this).scrollTop();
    var newPos = (st * (speed/100)) + startPosition;
    $horizontal.css({
        'left': newPos
    });
});

Мне нужно переместить тест, чтобы он тоже сдвинулся с экрана влево (обратный путь к test2).

Я так думаю нужно будет использовать scrollTop как минус, но я не уверен, как это сделать? Есть идеи?

Редактировать

Действительно простое исправление в конце. Мне просто нужен был минус перед ним (идиот)! Оставит скрипку наверху, если что-то еще понадобится.

var newPos2 = (st2 * (speed2/100)) + startPosition2;

Однако , что я заметил (и я не могу повторить это на jsfiddle), правый боковой элемент сломается на прокрутите страницу после того, как она будет полностью обновлена ​​(cmd + shift нажмите refre sh).

Это прекрасно работает, если я просто обновлю sh страницу в обычном режиме. Что будет причиной этого?

1 Ответ

0 голосов
/ 30 апреля 2020

Действительно простое исправление в конце. Мне просто нужен был минус перед ним (идиот)! Оставит возиться, если понадобится что-то похожее.

var newPos2 = (st2 * (speed2/100)) + startPosition2;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...