Обновить объект со значением прокрутки при прокрутке страницы?

Question

Обновить объект со значением прокрутки при прокрутке страницы?

0

Поэтому я думал, что это будет легко, но, думая об этом, я не могу понять, как передать изменяющееся значение прокрутки в объект?

Вот пример того, что я пытаюсь достичь. Https://www.fbf8.com/ уведомление при прокрутке полигональных объектов управляется на основе значения прокрутки. Да, я предполагаю, что они используют three.js или, может быть, плагин, я использую FSS.js (может быть, пользовательский). Я проверю источник позже, но это не связано с ним просто как пример.

Как я уже сказал, я использую FSS.js, и вот экземпляр FSS.plane

var geometry = new FSS.Plane(1600, 835, 6, 15);

Я пытаюсь понять способ передать в конструктор изменяющееся значение (scrollPos).

Поэтому я надеюсь, что сейчас имею в виду, вот бесполезный пример, но должен спровоцировать, каков мой угол.

var pos = 0;
$(document).scroll(function() {
    pos = $(document).scrollTop();
});

var geometry = new FSS.Plane(1600, 835, pos, 15);

Michael Joseph Aubry 15 апр. 2014, в 13:11

Источник

0

Я собираюсь отбросить этот вопрос и переосмыслить другое решение :)
Michael Joseph Aubry 15 апр. 2014, в 11:08

Теги:

javascript

jquery

html5

canvas

2 ответа

Ещё вопросы

Я собираюсь отбросить этот вопрос и переосмыслить другое решение :)

Ronnel Davis · Answer 1 · 2014-04-15T09-04-00.000Z

0

Попробуйте поместить функцию инициации в свою функцию прокрутки

$(document).scroll(function() { var pos = $(document).scrollTop(); var geometry = new FSS.Plane(1600, 835, pos, 15); });

Ronnel Davis 15 апр. 2014, в 09:04

0

Да, это пришло мне в голову, но я подумал, что это может вызвать проблемы с производительностью, не знаю, почему я должен был по крайней мере попробовать это :)
Michael Joseph Aubry 15 апр. 2014, в 10:56
0

О, на самом деле я помню, как делал это Проблема в том, что geometry должна использоваться вне функции. Прошлой ночью я думал об обёртывании всего кода внутри функции, и я попробую это сделать.
Michael Joseph Aubry 15 апр. 2014, в 10:56
0

Может быть, вы могли бы использовать буфер и порог, чтобы увидеть, прокручивается ли он больше, чем несколько пикселей, что может помочь, я думаю :) А чтобы использовать геометрический объект снаружи, вы можете использовать его следующим образом: var geometry; $(document).scroll(function() { var pos = $(document).scrollTop(); geometry = new FSS.Plane(1600, 835, pos, 15); });
Ronnel Davis 15 апр. 2014, в 10:58
0

да, я знаю это, но значения внутри геометрии не обновляются, поскольку страница прокручивается, что делает ее бесполезной даже для передачи ее в функцию в первую очередь ... Глядя на исходный код f8, похоже, что они используют zynga.github.io /scroller/demo/canvas.html Я думаю, что мне нужно переосмыслить другое решение.
Michael Joseph Aubry 15 апр. 2014, в 11:03

Показать ещё 2 комментария

Bartheleway · Answer 2 · 2014-04-15T08-18-00.000Z

Я думаю, что код, созданный Майклом, прав. Единственное, что нужно сделать, это обновить geometry при прокрутке (вместо воссоздания объекта, например, Ronnel).

Посмотрите на свой объект FSS.Plane и найдите метод updatePosition и вызовите его после pos = $(document).scrollTop();

Если это не сработает, возможно, метод scrollTop всегда возвращает одно и то же. Зависит от того, что вы указываете с document