Comments (19)
I'm not able to recreate any of these issues. Would you be able to look at the demo site: http://projects.lukehaas.me/scrollify and tell me if you're experiencing points 1 and 2 there?
Also can you tell me which browser and which version of jQuery you're using?
from scrollify.
Hi!.
I've the same issue in my web page at http://www.sebuscan.es
To be precise:
The issue appears only when you load the page the first time. The scroll wheel doesn't work and you have to press the down arrow twice. But if you reload the page when your script has added the #1 anchor, all is ok.
The css an js in my page is very simple and I don't know if I'm missing something for scrollify to work.
Thank's (nice plugin)
from scrollify.
@interoceto which browser are you seeing this on?
from scrollify.
Tested on:
firefox 40.0.3 (ubuntu 14.04 64bits)
firefox 40.0.3 (Win 7 Pro 64bits)
Opera Beta 32.0.1948.19 (Win 7 Pro 64bits)
Chromium 15.0.875.0 (Win 7 Pro 64bits)
IE 9 (Win 7 Pro 64bits)
Same behaviour in all of them. You can reproduce the issue loading http://www.sebuscan.es. The first time the page loads I must press twice the down arrow or move the scrollbar down for the script to work.
Cheers!
from scrollify.
@interoceto do you see the same thing happening when you view the demo site?
http://projects.lukehaas.me/scrollify
from scrollify.
Hi, lukehaas.
No, your demo site is working ok and this issue is not happening.
I'was looking into your code and I can't see what's the difference with mine so I can't understand why scrollify fails in my site.
Have you tried my site?
Thanks
from scrollify.
Hi, I encounter this problem too. @interoceto @lukehaas
I have check http://projects.lukehaas.me/scrollify not having this issue and when I break it down it seem like css issue. When I remove global margin: 0, the site will not able to scroll at the first load without #.
I cheated a way to solve this, which is create a javascript function to load second time. So when scroll not working at the first load, second load will be confirm working.
if( window.localStorage )
{
if( !localStorage.getItem('firstLoad') )
{
localStorage['firstLoad'] = true;
window.location.reload();
}
else
localStorage.removeItem('firstLoad');
}
from scrollify.
Great work there Luke!
I'm a beginner and wanted you to ask how to manage to jump to any given anchor using this script ? I've got a menu on top and want to jump on Click to #contacts for example.
Is it something complicated to do ?
I would appreciate your help !
Kind Regards
Lucas
from scrollify.
Issues described here are un-recreatable. Please try updating to the latest version of Scrollify and see if the issues still persist.
from scrollify.
Hello, I love Scrollify.js great job! I wanted to say that i had an issue with scrolling myself and I found out why. One of my imported css sheets had a property of overflow-x: hidden !important;
that was preventing the scrolling action. I removed this property and now it works without issue. Hope this helps!
from scrollify.
Hi!
@Lukehaae: thx for the great script!
I´ve got the same problem (mouse-wheel doesnt work sometimes) and I can reproduce it on http://projects.lukehaas.me/scrollify/examples/pagination/ too (Firefox 49.0.1, Win7). The problem occurs when theres more content than fitting the screen. On the example page -> make the browser small, so the content doesnt fit anymore. The try to use the mousewheel. It works, but you need to scroll a lot to move to the next panel. If you got a lot of content, it seems like nothing hapens at all.
Keyboard arrows work fine.
Best,
Chris
from scrollify.
Still flickers even from your sample page http://projects.lukehaas.me/scrollify
(Scroll works not always on mousewheel.
On key press, the section is not entirely scrolled. Need to press twice to scroll a section.)
Try to drag the scroller slowly and it will flick...
from scrollify.
@webeloper in which browser?
from scrollify.
I'm using Firefox 53.0.3 and Chrome 58.0.3029
from scrollify.
+1
This issue is happening for me in a SPA. In some cases, when reinitializing scrollify, I am not able to scroll.
from scrollify.
Hi ,
Even I am facing this issue in SPA. Kindly resolve this. Scrolls are getting anchored.
from scrollify.
Still not fixed
from scrollify.
Same thing, still not fixed
from scrollify.
+1
... in chrome when i use a mousewheel
from scrollify.
Related Issues (20)
- scroll not working in mobile(google chrome & firefox) HOT 1
- Delay before scrolling in some devices HOT 1
- Disable scroll on mobile but keep "instant move" buttons
- After editing site (removing sections), pagination still has the previous sections
- Scrollify on MacOS Safari rubber banding. HOT 1
- Scroll down arrow
- Disable mousewheel during scrolling HOT 18
- BUG IN CELLPHONE VIEW - FORM FIELDS HOT 2
- Scorllify Jerk Issues in Mobile Devices HOT 1
- Scrolling not smooth. HOT 6
- Mozilla Bug - Console Message
- How do I scroll to the top with resetting Scrollify? HOT 5
- overflowScroll: true not working HOT 1
- setHeights: true doesn't seem to work properly HOT 1
- Clicking the scroll button, you go to the next section but then bounce back
- No scrollify for some section HOT 3
- Is Layered scrollify sections with same background image possible? HOT 5
- Scrollify very slow HOT 3
- Allow free scroll on bigger container
- When I click search bar not redirect to page because scrollify script
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scrollify.