![]() ![]() Note that content you wish to put in the document goes inside the. * Making the wrapper stack above the body */ * Sending body at the bottom of the stack */ * Allow them to scroll down the document */ The trick lies in taking the body and it’s inside container division out of the document flow while maintaining the element stacking. I don’t know yet how to achieve it with JavaScript, but I did figure out what CSS can do for me in this case. Temporarily disabling Pull-to-Refresh: The trickeryīy temporarily, I mean disabling it just for your website. Looking to make it work everywhere and not just on Chrome 63+? Read on for the trick which may also be used as a polyfill for this workaround of overscroll-behavior. If you are interested to know more about overscroll-behavior property, you should read this Google guide for a detailed overview about the same. You might already know about CSS overscroll-behavior property, that allows you to do that in just one line of code on Chrome 63+. That’s just an example, your reason could be different than mine. Here, the pull-to-refresh functionality of Chrome may intervene and spoil the user experience. ![]() Let’s say you have an iframe embedded on the topmost section of the webpage that has some dynamic content to load on scrolling up and down (mine was the same case). And this is where the need of some CSS/JS tweaks jumps in. Little unfortunate, I don’t know yet what else could be a solution to this problem.īut, asking your users to do that in order to make your page functional to them sounds ridiculous. I have the pull-to-refresh flag working fine in my Chrome with build. Update: Some of our reader friends reminded me that the flag I mentioned above is removed from Chrome 75+. Of course, you may turn this feature off for all the tabs by visiting chrome://flags/#disable-pull-to-refresh-effect on your chrome browser, and then set it to Disable. When being at the very top of a web page on Chrome on your Android device, you may reload it by tap-holding, and swiping down. About Pull-to-refresh on Chrome for Android This post wraps up how I did it with just CSS. One of the needs of the project was to get rid of Google Chrome’s Pull-to-refresh functionality on certain web pages. ![]() ![]() I was working on a small project for a friend lately. Published on Jby Rahul CSS Hack: Disable Chrome’s Pull-to-Refresh on Android ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |