search

vguillou / parallax-element

A Polymer element allowing to declaratively create simple vertical or horizontal parallax scrolling effects, working on desktop and mobile. It features built-in deactivation of the effect in browsers (IE) that do not fully support the CSS transformations leveraged to achieve the parallax scrolling.
MIT License
25 stars 2 forks source link

Browsersync problem #4

Closed OutsourcedGuru closed 8 years ago

OutsourcedGuru commented 8 years ago

Not that it's necessarily your problem, but the Polymer Starter Kit comes with a pre-installation of Browsersync. Per the online tutorials it allows you to point many browsers and devices at the same testing link like http://192.168.0.50:5000 and the Browsersync JavaScript gets injected right after the body tag, allowing all these browsers to work in tandem. If you scroll in one browser, all others scroll similarly.

It looks like something regarding the parallax-element's scrolling behavior is faking out the Browsersync's normal trapping of the scroll function, not sure why. I can fire up a Safari on the MacBook and then point my iPhone and my iPad at the same external address. If I click the fullscreen button in one browser, it will change states in the iPad, for example. So I know that Browsersync appears to be trapping mouse clicks... just not the scrolling feature.

Interestingly, if I do a two-finger scrolling gesture on either the iPad or the iPhone it wants to mimic this behavior on the other portable. So it suggests that parallax-element is faking out Browsersync for the single-finger scroll gesture.

I don't necessarily expect you to troubleshoot this or to care much. Just noting the incompatibility.

vguillou commented 8 years ago

I'm pretty sure that PSK does not support that as well. I believe the reason is related to the fact that browser-sync by default synchronize the scroll position of the window.

PSK uses a paper-scroll-header-panel to host the scrolling content, so browser-sync would need some more configuration to make it work.

OutsourcedGuru commented 8 years ago

Just noting what I'm seeing out here. Closing this since it's not really a bug.