Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.Sign up
Table of contents items sometimes don't blur on fast scrolling #117
When I scroll through the documentation up and down some items in table of contents are not blurring (not always), also I'm not sure if states are updating on resize.
Properly blurred elements
Items are not blurring properly when scrolling up and down
Steps to reproduce the bug
This is a problem for me because I would like to always show only one expanded menu in table of contents (to save some space).
Suggestion Bootstrap documentation approach (I think it is a lot easier to determine where I'm on the site when I see active state of current elements rather than blurred scrolled elements. Also, it's nice that they show only one 2nd level menu at a time.
I like your idea with blurring elements and how it looks/animate when I scroll, but I think it's not that good for end user experience.
The scrollfix is something else - it's targeted at the iPhone. You should not use this attribute for styling, as it is totally unrelated to blurring. However, I will look into the blurring when I find the time.
The link you posted is in my opinion too distracting. I tried to make it as light as possible, so it doesn't get a lot of intention, because it's unimportant while scrolling - in my opinion the information is only needed when the user looks explicitly for the TOC.
It's nothing special. I'm just opening your demo page and start scrolling, what I noticed is that it always works properly when I scroll for the first time (scroll speed doesn't matter). You can even try it with moving browser scrollbar clicking it and moving mouse up and down. I tried this on Chrome and Firefox (on Firefox it's better, it occurs only when I try to scroll using browser scrollbar instead of mouse wheel).