File
Login or Register via GitHub
<html><head><meta charset=utf-8 /><title>Disable scrolling</title></head><body> <div id="menu"> <button id="enable">enable scrolling</button> <button id="disable">disable scrolling</button> <strong id="status" class="enabled">enabled</strong> </div> <div id="page"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae velit sit amet velit rhoncus mattis. Etiam placerat ipsum sit amet arcu vestibulum ultricies pellentesque urna molestie. Donec tincidunt fringilla mi, non aliquet ipsum porttitor eget. Pellentesque et lobortis nisi. Nam lectus lectus, molestie nec facilisis pellentesque, sollicitudin a neque. Etiam sed tristique eros. Sed ac sagittis urna. Etiam elementum lectus sit amet enim aliquam sit amet egestas purus tristique. Aliquam lobortis posuere dolor, vitae lobortis arcu pharetra ut. Mauris gravida cursus turpis, id placerat justo imperdiet quis. Ut fringilla molestie tristique. Vestibulum pellentesque nisl vulputate magna viverra fermentum.</p><p>Integer vulputate orci a massa tristique consequat. Sed vestibulum sapien at justo venenatis lacinia. Quisque ut massa mi. Quisque pellentesque tincidunt dolor a molestie. Suspendisse non arcu aliquam enim vehicula euismod et ac neque. Vestibulum quis massa mi, ac mattis turpis. Sed egestas nunc eget libero porta sed bibendum diam tristique. Maecenas orci quam, adipiscing id ornare dictum, fermentum ac tellus. Quisque luctus purus nec est tristique dapibus. Praesent posuere nunc vitae nisl accumsan accumsan. Pellentesque nunc quam, blandit et convallis ac, gravida sit amet augue. Duis ultricies, libero in pharetra lacinia, mi quam porta orci, aliquam hendrerit elit mauris eu ipsum. Suspendisse eget tellus vel orci lobortis pretium eget non justo.</p><p>Mauris interdum tortor et sapien aliquet hendrerit. Donec vitae porttitor ligula. Nulla convallis, nibh at elementum volutpat, quam ante consequat elit, vel adipiscing libero augue id nisi. Quisque mollis neque ut leo consequat vel egestas arcu vehicula. Pellentesque in mi vel arcu volutpat gravida. Suspendisse sit amet fringilla quam. Proin ut est non nunc molestie scelerisque sed at nisl. Nullam pellentesque erat sed neque cursus blandit. In ullamcorper sem sed turpis tempor consectetur.</p><p>Quisque quis turpis sapien. Morbi tincidunt porta arcu vitae posuere. Duis pretium dictum vulputate. Nam quis elit tortor. Vestibulum in mi a ipsum blandit fermentum eget ac neque. Maecenas est nisi, imperdiet eget rutrum vitae, suscipit vel dolor. Nunc commodo placerat nunc sed varius.</p> <p>Fusce tempus rutrum enim, a gravida nulla porta vehicula. Maecenas id purus a diam iaculis egestas. In vestibulum, felis a iaculis sollicitudin, purus nisi faucibus metus, interdum adipiscing nisi purus placerat nibh. Phasellus eget augue quis purus gravida ornare in nec tortor. Curabitur pulvinar imperdiet erat eu accumsan. Cras volutpat dolor vel erat placerat dignissim. Nulla facilisi.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae velit sit amet velit rhoncus mattis. Etiam placerat ipsum sit amet arcu vestibulum ultricies pellentesque urna molestie. Donec tincidunt fringilla mi, non aliquet ipsum porttitor eget. Pellentesque et lobortis nisi. Nam lectus lectus, molestie nec facilisis pellentesque, sollicitudin a neque. Etiam sed tristique eros. Sed ac sagittis urna. Etiam elementum lectus sit amet enim aliquam sit amet egestas purus tristique. Aliquam lobortis posuere dolor, vitae lobortis arcu pharetra ut. Mauris gravida cursus turpis, id placerat justo imperdiet quis. Ut fringilla molestie tristique. Vestibulum pellentesque nisl vulputate magna viverra fermentum.</p><p>Integer vulputate orci a massa tristique consequat. Sed vestibulum sapien at justo venenatis lacinia. Quisque ut massa mi. Quisque pellentesque tincidunt dolor a molestie. Suspendisse non arcu aliquam enim vehicula euismod et ac neque. Vestibulum quis massa mi, ac mattis turpis. Sed egestas nunc eget libero porta sed bibendum diam tristique. Maecenas orci quam, adipiscing id ornare dictum, fermentum ac tellus. Quisque luctus purus nec est tristique dapibus. Praesent posuere nunc vitae nisl accumsan accumsan. Pellentesque nunc quam, blandit et convallis ac, gravida sit amet augue. Duis ultricies, libero in pharetra lacinia, mi quam porta orci, aliquam hendrerit elit mauris eu ipsum. Suspendisse eget tellus vel orci lobortis pretium eget non justo.</p><p>Mauris interdum tortor et sapien aliquet hendrerit. Donec vitae porttitor ligula. Nulla convallis, nibh at elementum volutpat, quam ante consequat elit, vel adipiscing libero augue id nisi. Quisque mollis neque ut leo consequat vel egestas arcu vehicula. Pellentesque in mi vel arcu volutpat gravida. Suspendisse sit amet fringilla quam. Proin ut est non nunc molestie scelerisque sed at nisl. Nullam pellentesque erat sed neque cursus blandit. In ullamcorper sem sed turpis tempor consectetur.</p><p>Quisque quis turpis sapien. Morbi tincidunt porta arcu vitae posuere. Duis pretium dictum vulputate. Nam quis elit tortor. Vestibulum in mi a ipsum blandit fermentum eget ac neque. Maecenas est nisi, imperdiet eget rutrum vitae, suscipit vel dolor. Nunc commodo placerat nunc sed varius.</p> <p>Fusce tempus rutrum enim, a gravida nulla porta vehicula. Maecenas id purus a diam iaculis egestas. In vestibulum, felis a iaculis sollicitudin, purus nisi faucibus metus, interdum adipiscing nisi purus placerat nibh. Phasellus eget augue quis purus gravida ornare in nec tortor. Curabitur pulvinar imperdiet erat eu accumsan. Cras volutpat dolor vel erat placerat dignissim. Nulla facilisi.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vitae velit sit amet velit rhoncus mattis. Etiam placerat ipsum sit amet arcu vestibulum ultricies pellentesque urna molestie. Donec tincidunt fringilla mi, non aliquet ipsum porttitor eget. Pellentesque et lobortis nisi. Nam lectus lectus, molestie nec facilisis pellentesque, sollicitudin a neque. Etiam sed tristique eros. Sed ac sagittis urna. Etiam elementum lectus sit amet enim aliquam sit amet egestas purus tristique. Aliquam lobortis posuere dolor, vitae lobortis arcu pharetra ut. Mauris gravida cursus turpis, id placerat justo imperdiet quis. Ut fringilla molestie tristique. Vestibulum pellentesque nisl vulputate magna viverra fermentum.</p><p>Integer vulputate orci a massa tristique consequat. Sed vestibulum sapien at justo venenatis lacinia. Quisque ut massa mi. Quisque pellentesque tincidunt dolor a molestie. Suspendisse non arcu aliquam enim vehicula euismod et ac neque. Vestibulum quis massa mi, ac mattis turpis. Sed egestas nunc eget libero porta sed bibendum diam tristique. Maecenas orci quam, adipiscing id ornare dictum, fermentum ac tellus. Quisque luctus purus nec est tristique dapibus. Praesent posuere nunc vitae nisl accumsan accumsan. Pellentesque nunc quam, blandit et convallis ac, gravida sit amet augue. Duis ultricies, libero in pharetra lacinia, mi quam porta orci, aliquam hendrerit elit mauris eu ipsum. Suspendisse eget tellus vel orci lobortis pretium eget non justo.</p><p>Mauris interdum tortor et sapien aliquet hendrerit. Donec vitae porttitor ligula. Nulla convallis, nibh at elementum volutpat, quam ante consequat elit, vel adipiscing libero augue id nisi. Quisque mollis neque ut leo consequat vel egestas arcu vehicula. Pellentesque in mi vel arcu volutpat gravida. Suspendisse sit amet fringilla quam. Proin ut est non nunc molestie scelerisque sed at nisl. Nullam pellentesque erat sed neque cursus blandit. In ullamcorper sem sed turpis tempor consectetur.</p><p>Quisque quis turpis sapien. Morbi tincidunt porta arcu vitae posuere. Duis pretium dictum vulputate. Nam quis elit tortor. Vestibulum in mi a ipsum blandit fermentum eget ac neque. Maecenas est nisi, imperdiet eget rutrum vitae, suscipit vel dolor. Nunc commodo placerat nunc sed varius.</p> <p>Fusce tempus rutrum enim, a gravida nulla porta vehicula. Maecenas id purus a diam iaculis egestas. In vestibulum, felis a iaculis sollicitudin, purus nisi faucibus metus, interdum adipiscing nisi purus placerat nibh. Phasellus eget augue quis purus gravida ornare in nec tortor. Curabitur pulvinar imperdiet erat eu accumsan. Cras volutpat dolor vel erat placerat dignissim. Nulla facilisi.</p> </div> </body></html>
Output
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers