Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is a working version of the functionality you asked for <a href="http://jsfiddle.net/h5pnJ/1" rel="nofollow">http://jsfiddle.net/h5pnJ/1</a></p> <pre><code>&lt;div class="scroll-container"&gt; &lt;div class="scroll"&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here&lt;br /&gt;&lt;br /&gt; Content here and more content here &lt;/div&gt; &lt;div id="control"&gt; &lt;a href="#" class="scroll-down"&gt;Down&lt;/a&gt; - &lt;a href="#" class="scroll-up"&gt;Up&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; $('.scroll-up').mouseenter(function(e) { scrolling = window.setInterval(function() { var scrollElement = $(e.target).parents('.scroll-container').find('.scroll').first(); scrollElement.scrollTop( scrollElement.scrollTop() - scroll ); }, speed); }); </code></pre> <p>I've added a container so that I can get hold of the scroll element specific to that container. This can be extended to any number of scrolling sections you want without editing the js code. Instead add the html with proper container.</p> <p>There are many more ways to do this. But this is the quick solution you can use to get it working.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload