tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

draggable_scrollable.html (1046B)


      1 <!doctype html>
      2 <html>
      3  <head>
      4    <title>Draggable scrollable element</title>
      5    <style type="text/css">
      6 div div { width: 300px; height: 100px; overflow: auto; border: 1px solid orange; }
      7    </style>
      8    <script type="text/javascript">
      9 window.onload = function () {
     10  document.getElementsByTagName('div')[1].ondragstart = function (e) {
     11    e.dataTransfer.effectAllowed = 'copy';
     12    e.dataTransfer.setData('Text', 'dummy text');
     13  };
     14 };
     15    </script>
     16  </head>
     17  <body>
     18 
     19    <p>It should be possible to drag the scrollbar thumbs of the box below without dragging the whole box.</p>
     20    <div>
     21      <div draggable="true">Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>Dummy text<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
     22    </div>
     23 
     24  </body>
     25 </html>