http://54.200.76.33:8080/
I've got this working on desktop browsers.If you scroll down, you'll see a search bar shows up at the bottom of the screen and becomes fixed to the bottom.
If you look at this on a mobile phone, when you scroll down, the bar doesn't immediately stick to the bottom. It'll wait until the user stops scrolling, and then it becomes fixed to the bottom.
Is there any way to fix this? Thanks.
Different mobile browsers have all kinds of issues with firing scroll events. Seems like you're using a scroll listener to update the CSS for pinning the scrollbar to the bottom. It's a generally good approach, so I wouldn't change it.
If you like, you can use a tool like Modernizr to treat the mobile platform differently. Other than that, the state of technology today is that you kind of have to deal with quirks like this on mobile.
http://modernizr.com/
Related
this website: http://mr-chemie.dev-pixalla.de has a scrolling issue on mobile phones and tablets. When scrolling in one direction, everything is working perfectly fine, but as soon as you change the scrolling direction you got to scroll twice. I noticed that when scrolling up after scrolling down, the vertical scroll bar on the right expands out to full height for a moment. When scrolling up the second time everything works fine.
I'm using Elementor page builder for Wordpress and got some knowledge with CSS. The problem did not occur on any other website I created. I just do not know any kind of property to solve my issue, neither did I encounter similar questions when searching for it on the internet.
Thank you very much for your help!
I had the same problem. It was caused by shape bottom divider turned on (Elementor, waves divider). The top one works fine. But when bottom is enabled - then the strange behaviour on mobile happens.
I tried many libraries/solutions including ionic-scroll but it doesn't work out. I need something which is much similar to instagram/facebook zoom functionality on mobile view.
Every solution prevents vertical scroll if user want to move to second image under the first one.
I am using Angular 1 in my app.
Can someone suggest me so that I can implement the same?
I've started looking into MDL (https://getmdl.io) and after reading this article (https://www.nngroup.com/articles/horizontal-scrolling/) I decided it's a bad idea to use horizontal scrolling on the desktop.
What I'd really like to achieve is to display a grid on the desktop where cards overflow naturally, but on mobile change it to display all the cards on a single line and become a horizontal scroller like you see in many mobile apps (e.g. Google Play Movies).
If it is not possible, please explain how I can achieve horizontal scrolling on mobile.
Thanks in advance
Is there any other sensible way where I can fire a touch event on a Windows Mobile App?
I have a Hangman game. I have a bunch of images which are the alphabet.
I've put all of the images inside a Scroll Viewer so the user can scroll through the list.
As a precaution, I've set the click event to MouseLeftButtonUp because if I set it to "Down", it will trigger the image code when really, the user just wanted to scroll.
However, even with MouseLeftButtonUp, I've still got the same problem. When I test it, it scrolls but if the finger is still on the same image and if I release my finger, it'll fire off the code behind that image...
How can I overcome this problem? I hope my situation makes clear sense.
Perhaps you want to use touch events rather than mouse events since Windows mobiles devices are designed for touch rather than mouse clicking.
I have a web application running on internet explorer 6 mobile, and I've noticed that the rendering of scroll bars is inconsistent. For example, if you take a regular html select (with lots of entries) and expand it, the scroll bar renders in a slim, black-colored way, but if you have an overflowing div, you get a wide, old windows-style scroll. Do you know of a way to force the rendering to the select-style one? (screenshots follow)