skrollr

Site not scrolling on mobile devices?

由 对着背影说爱祢 提交于 2019-12-13 05:01:27
问题 Site's built on bootstrap, I'm using skrollr.js to add a parallax effect to the header images. I think it's this that's not allowing the site to scroll. I've tested on multiple devices and on even more in Chrome's emulation. I've read around that overflow: hidden can cause problems, and it appears that skrollr is adding those styles to the html tag. Link - http://goo.gl/YofGx7 回答1: You said that overflow: hidden can cause problems, so why don't you kill that style by adding the inline css

using skrollr relative to an element, not the window

由 懵懂的女人 提交于 2019-12-13 02:14:28
问题 So I'm a total novice when it comes to web design but I decided to start working on a showcase-website for myself: http://www.anikmusic.com Let me describe what the gist of my problem is: Previously, I was having issues with fixed positioned elements jumping and doing wacky things in mobile browsers, so I decided to create a site that, as you can see, doesn't use any fixed-positioned elements, but instead uses an absolutely positioned header and body that fits within the browser, and scales

Scrolling height bug using skrollr.js on safari ios7

由 允我心安 提交于 2019-12-12 01:13:03
问题 I've been racking my brain trying to understand what I'm doing wrong. I'm using prinzhorn's skrollr.js for scrolling animation effects on my portfolio redesign and it works great on desktop and even chrome for ios7. But...when loading in safari ios7 it scrolls only so far (to the brand logos section) then stops before reaching the end of the page. Only when I change the orientation to landscape, then back to portrait does it correct itself. I've also noticed some strange inconsistencies when

skrollr background image flicker in Firefox

由 半腔热情 提交于 2019-12-11 06:56:40
问题 I have a div with a background image. Using skrollr, I'm changing the background image, getting sort of an animation (paper airplaine folding up). to prevent interpolation, I use a custom easing function: easeInt: function(p) { return Math.floor(p * 13) / 13; } My animation looks like this (skrollr-stylesheet): 3528 { background-image[easeInt]: url("img/plane14/plane0.png"); } 3928 { background-image[easeInt]: url("img/plane14/plane13.png"); } When the animation's running, the background

what, exactly, does data-anchor-target do?

由 坚强是说给别人听的谎言 提交于 2019-12-10 16:46:02
问题 I'm playing around with Skrollr and for the most part it seems pretty intuitive, the one thing that kind of gets me is the data-anchor-target attribute. Most times I don't need it but when I look at some examples it's usually included and I'm confused as to what it does. Does it just mean that at that target, that's when the Skrollr data-(pos) attributes kick in? 回答1: data-anchor-target When using Skrollr.js, you normally use one of two methods as inputs for starting and stopping scrolling

Why is skrollr preventing scrolling on ipad?

由 拥有回忆 提交于 2019-12-10 01:50:16
问题 I'm trying to create a simple parallax animation with skrollr: my site is working well on Chrome/Mac but I'm seeing unusual behaviour on the ipad.. On ipad (testing on the IOS simulator), the main body of the page doesn't skroll at all (or may scroll in the background, underneath the animated div?) the animated background position (origami pattern) scrolls in the opposite direction (down is up) within the bounds defined in data-start / data-top-bottom On desktop, the effect I can simulate the

Pause Scrolling to Next 'Slide' till all Animations are complete

由 时间秒杀一切 提交于 2019-12-05 06:06:46
I am creating a 'limited' visual builder for Skrollr sliders. It allows the user to build sliders that consist of slides (html section tags) that sit one below each other on the page, each slide contains many html elements that have Skrollr data attributes/animations (keyframes?) applied to them. Is there a way to pause that slides (advancement to the next slide) until all its inner elements have completed their animations? I am aware of the example pausing.html that demonstrates kindof what I need but these 'slides' are fixed which could cause problems for my users. The sliders will be

Why is skrollr preventing scrolling on ipad?

由 让人想犯罪 __ 提交于 2019-12-05 01:25:22
I'm trying to create a simple parallax animation with skrollr : my site is working well on Chrome/Mac but I'm seeing unusual behaviour on the ipad.. On ipad (testing on the IOS simulator), the main body of the page doesn't skroll at all (or may scroll in the background, underneath the animated div?) the animated background position (origami pattern) scrolls in the opposite direction (down is up) within the bounds defined in data-start / data-top-bottom On desktop, the effect I can simulate the effect if I hack the div#hero to be position: fixed; in chrome dev tools. The skrollr examples work

Website will not scroll on mobile devices [closed]

由 可紊 提交于 2019-12-04 06:58:18
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . This site will not scroll on mobile. I've seen this issue before but this doesn't appear to be the usual suspect(s). I'm out of ideas. 回答1: The overflow:scroll should be removed from the html, body CSS rule. The body scrolls itself if the content is too long, no need for that particular rule - it will only leads

Disable Skrollr for mobile device ( <767px )

由 旧街凉风 提交于 2019-12-03 06:13:42
问题 Firstly would like to thanks @prinzhorn for such an amazing and powerful library. My question: I have implemented a Skrollr parallax background to the header of my website but I would like to disable this feature when viewed on a mobile device, particularly iphones, etc. eg. (max-width: 767px).I was wondering what would be the best way to do this? And if the destroy() function was able to do this or I should be using another technique? Also, if destroy() is the answer, how could I implement
订阅 skrollr