jQuery

【jQuery】マウスの位置に基づいて、要素をスクロールするAutoScroll

June 3, 2017
AutoScroll

AutoScrollは要素内をマウスの位置に基づいて、要素をスクロールする非常に軽量でシンプルなjQueryのプラグイン。

HTML

<div id="demo_scroll">
    <div class="entry" ></div>
    <div class="entry" ></div>
    <div class="entry" ></div>
</div>

CSS

#demo_scroll{
    height:400px;
    width:250px;
    overflow:hidden;
}

.entry{
    height:100px;
    width:250px;
}

Javascript

$(document).ready(function(){
    $('#demo_scroll').autoScroll('.entry');
});