Geek Answers Handbook

Any way to apply the "scroll webkit-overflow: touch" inline with javascript?

failed to get this property in the DOM via jquery or native javascript. jquery doesn't seem to support it, and I cannot find a native name / syntax that works. Any help?

+3
source share
3 answers

The correct syntax

el.style.WebkitOverflowScrolling = 'touch'; // capital W

This happens (almost) like the usual naming convention from css to JS since border-top becomes borderTop, ... just that the webkit stuff gets the key first letter.

+2
source

With JavaScript, you need to replace the dash with the next capital letter, for example:

 var el = document.getElementById('element id'); el.style.webkitOverflowScrolling = 'touch';
+1
source

When using the style property in JavaScript, uppercase letters follow a dash, so the -webkit-overflow-scroll becomes WebkitOverflowScrolling and remember to set the overflow to scroll too.

Try it here: http://jsbin.com/civaha

You can say this is touch scrolling due to failures.

Source:

 <!doctype html> <meta name=viewport content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <title>set touch scrolling in JavaScript - robocat</title> <script> function makeScrollable(event) { var style = event.target.style; style.overflow = 'scroll'; style.WebkitOverflowScrolling = 'touch'; style.backgroundColor = 'lightyellow'; } </script> <body style="margin:0;overflow:hidden;"> <h3>The div below can't scroll until you tap it and it turns yellow, then it can scroll horizontally. . . . </h3> <div onclick="makeScrollable(event)" style="background-color:lightblue;white-space:nowrap;padding:30px 0;font-size:150%;width:100%;overflow:hidden;"> Shu' thi gob where there muck there brass a pint 'o mild. Be reet will 'e 'eckerslike by 'eck chuffin' nora that champion. What that when it at ooam god own county. Tha knows nay lad. What that when it at ooam. T'foot o' our stairs ah'll box thi ears sup wi' 'im tha daft apeth ah'll gi' thi summat to rooer abaht. Th'art nesh thee ne'ermind. Eeh. How much ah'll gi' thi summat to rooer abaht where tha bin ne'ermind. How much gerritetten nobbut a lad. Face like a slapped arse bobbar cack-handed. God own county wacken thi sen up dahn t'coil oil by 'eck dahn t'coil oil th'art nesh thee. A pint 'o mild. T'foot o' our stairs tell thi summat for nowt mardy bum where there muck there brass. Chuffin' nora. Sup wi' 'im sup wi' 'im nah then. Dahn t'coil oil tha what will 'e 'eckerslike ah'll learn thi. A pint 'o mild chuffin' nora tha daft apeth shurrup michael palin. Ah'll gi' thi summat to rooer abaht tha what nah then tha knows. Dahn t'coil oil breadcake where tha bin eeh. Breadcake how much. Bobbar be reet soft southern pansy. Is that thine. God own county shu' thi gob mardy bum a pint 'o mild. Soft southern pansy breadcake a pint 'o mild. </div>
0
source

More articles:


All Articles