Im using media css for achived this but, I dont know how to restore the defaults values. The solution is either removing all the occurrences of -webkit-overflow-scrolling: touch or putting -webkit-overflow-scrolling: auto with NoviceCodings solution. And works really great but I´m facing the next issue, I would like te restore the default value, when I view the site on my ipad. Please note on iPad Safari, NoviceCodings solution wont work if you have -webkit-overflow-scrolling: touch somewhere in your CSS. Apple has a description in the Safari CSS Reference. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for the given element. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element. Hi Im using the next css code to style scroll bars in Safari and Chrome. webkit-overflow-scrolling: auto /* Stops scrolling immediately */ webkit-overflow-scrolling: touch /* Lets it scroll lazy */ Formal definition Initial valueįormal syntax auto | touch Examples HTML The speed and duration of the continued scrolling is proportional to how vigorous the scroll gesture was. Im working on a web app that uses -webkit-overflow-scrolling:touch in several places to give the overflown divs inertia scrolling. touch Use momentum-based scrolling, where the content continues to scroll for a while after finishing the scroll gesture and removing your finger from the touchscreen. Syntax Values auto Use "regular" scrolling, where the content immediately ceases to scroll when you remove your finger from the touchscreen. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element. It has some gramma different with css, like overflow-y in css should be set as overflowY in inline style. There may also be large incompatibilities between implementations and the behavior may change in the future. Do not use it on production sites facing the Web: it will not work for every user. 1,824 4 31 35 Add a comment 3 Answers Sorted by: 5 The correct syntax is el.style. This feature is non-standard and is not on a standards track. The shorthand syntax for creating a scrolling marquee with CSS is : -webkit-marquee: direction increment repetition style speed.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |