i added nice scroll to my site thats working in all of browser nicely but slightly not working in Mobile Chrome just stacked user cannot able to scroll or to do any think ,i tried more version of Nice Scroll Js
It happens to me when the body is set to overflow: hidden;, the issue gone away when I remove the overflow: hidden; from body
Cheers
Related
I have a HTML, CSS, JS website and on my computer it works perfect but on my Razer Phone with chrome it does not scroll vertically. The website is german but the text doesn´t matter.
If i zoom in it scrolls until the next navigator, then it stops. If i switch in mobile chrome to desktop site, it scrolls perfect, but in mobile mode it doesn´t.
Sry for my english
Kind regards.
This is because of your
animate.css line 11:
html, body {
overflow: hidden;
}
Try to remove it.
I'm posting on behalf of my SO. Her muse-created website at http://demi.statesideapm.com/ won't scroll horizontally on Chrome, but it works fine on Safari and Edge. The site is just for a uni project and she eventually wants it to be something like this: http://mashup.ikm.gda.pl/
I've found a few people with similar issues but the possible fixes such as removing position:fixed and overflow-x: hidden; height: auto; don't seem to work. She's trialing some sort of slideshow plugin - could it be to do with that?
Go to Page Properties
Select Options
Browser Scrollbars
Change Vertical from Automatic to Always
I have a bilingual site with two versions Arabic and English. In Arabic version on <body> I have applied style="direction:rtl" . This is causing an issue to a horizontal scrollbar. When I resize the screen to minimum resolution or zoom-out the screen the scrollbar not appearing seems like overflow-x: hidden property is set to it. I tried to overflow: scroll but it's not working. Anyone can please help.
This is a bug in Firefox, if you try it in Chrome it works.
You've just met Bug 992384, probably (another) regression of Bug 192767.
They're working on it, stay tuned ;)
I have a few scrolling related issues on the website I'm working on: http://wvg.lexerim.com
Since I implemented the twitter ticker on top I could scroll to the right, to solve this I used the most upvoted solution in this thread: DISABLE the Horizontal Scroll (others didn't work).
This solution however results in the following two problems:
- Scrolling isn't fluid anymore (especially on mobile devices)
- The back-to-top button doesn't work anymore <- this isn't important, can simple disable it
Do you guys have any solutions for either the fluid scrolling or a cleaner solution for the horizontal scrolling problem?
Edit: additional information tryingI found out that the problem only exists in Safari and Chrome (and probably other webkit browsers) and not in firefox and that problem is caused by the overflow statements.
Edit 2: As this is apparently a Webkit (based) problem, two bug reports has been filled Safari/Webkit Chromium
I believe you're better off going this way in the CSS:
overflow-x: hidden;
overflow-y: scroll;
Also, perhaps webkit's overflow scrolling for touch may help?
Momentum Scrolling on iOS Overflow Elements
For what it's worth, just peeking at your site in Firefox, back-to-top is working for me. But yes, the scrolling with the scroll wheel is quite slow, and I don't see anything skimming through your code that should cause that.
Unable to scroll pages vertically on Google Chrome "12.0.742.100", using the scroll-bar thumb, however I can use mouse scroll and also scroll the page using the up and down arrow keys.
Important points:
If I re-size the window such that there is a horizontal scroll-bar, the vertical scroll-bar starts to works fine, but if I re-size/there is no horizontal scroll-bar, the vertical scroll-bar thumb fails to work.
If I stop loading the page/try to scroll while the page is loading, it works fine.
The issue is reproducible on almost all the pages of my client's website "http://www.charlotterusse.com/", like:
http://www.charlotterusse.com/home/index.jsp
http://www.charlotterusse.com/category/index.jsp?categoryId=4078197
http://www.charlotterusse.com/family/index.jsp?categoryId=4335463&cp=4078197
http://www.charlotterusse.com/category/index.jsp?categoryId=4238904
http://www.charlotterusse.com/category/index.jsp?categoryId=4238909&cp=4238904
but, the following pages scroll just fine:
http://www.charlotterusse.com/sitemap/index.jsp
https://www.charlotterusse.com/checkout/index.jsp?process=login
http://www.charlotterusse.com/helpdesk/index.jsp
http://www.charlotterusse.com/storeLocator/index.jsp
http://www.charlotterusse.com/giftCenter/index.jsp
It may be due to some conflict with Flash or JavaScript, but the site works fine on all other browsers and not chrome.
Please advice what could the issue be and how can it be fixed.
Ultimately found the solution for this issue. There was a JS code which was hindering the normal mousedrag actions.