Summary: | Scrolling issues when using overflows | ||
---|---|---|---|
Product: | WebKit | Reporter: | rvmouche |
Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
Status: | NEW --- | ||
Severity: | Major | CC: | simon.fraser |
Priority: | P2 | Keywords: | InRadar |
Version: | 525.x (Safari 3.2) | ||
Hardware: | All | ||
OS: | All | ||
URL: | http://wvgbug.lexerim.com |
Description
rvmouche
2014-05-16 11:02:50 PDT
After some testing I just noticed "-webkit-overflow-scrolling: touch; }" makes it possible to scroll to the right to. No solution. Blink version of this bugreport: https://code.google.com/p/chromium/issues/detail?id=374301 Addition: bugs are still persistent in the last alpha of webkit. Also, this issue arises: http://cl.ly/image/2f3O312u461y Please file a separate bug report for each issue. This bug is currently a mixture of iOS and OS X issues and feature requests. Can you produce a small test case for the "scroll to top" issue with unmagnified JS? What JS does your scroll to top button call? Also for http://wvgbug.lexerim.com why can't you just use normal document scrolling and position:fixed for the top and bottom bars? (In reply to comment #1) > After some testing I just noticed "-webkit-overflow-scrolling: touch; > }" makes it possible to scroll to the right to. No solution. See bug 134377. (In reply to comment #5) > Please file a separate bug report for each issue. This bug is currently a mixture of iOS and OS X issues and feature requests. > Looks like you've splitted already with comment #7? I would suggest to indeed use this issue for the back-to-top problem (Desktop only) and for momentum/-webkit-overflow-scrolling: touch refer to bug 134377? > Can you produce a small test case for the "scroll to top" issue with unmagnified JS? What JS does your scroll to top button call? Unfortunately I'm not currently able to do this (knowledge and time-related), however as I'm using a free downloadable template as bases I can point you in the right direction :) Code: http://www.joomlart.com/joomla/templates/purity-iii ; the issue appears when I start using an overflow on html, body and only on webkit-based browsers. Firefox and IE work perfectly. (In reply to comment #6) > Also for http://wvgbug.lexerim.com why can't you just use normal document scrolling and position:fixed for the top and bottom bars? While this does fix this horizontal scrolling issue; the twitter bar is gone whenever I do this. I know the scrolling issue is originated in the bar (some code I bought) and therefor I worked around it with the overflows. This however creates the issues mentioned before in Webkit based browsers and the momentum issue (134377) on iOS. --- Thanks for looking into it and if you guys need any more info or something, just say so. |