- 要素1
- 要素2
- 要素3
- 要素4
- 要素5
- 要素6
- 要素7
- 要素8
- 要素9
- 要素10
- 要素11
- 要素12
- 要素13
- 要素14
- 要素15
- 要素16
- 要素17
- 要素18
- 要素19
- 要素20
- 要素21
- 要素22
- 要素23
- 要素24
- 要素25
- 子孫セレクタでスクロール先を指定(要素8に移動)
$('#sample').scrollTo('li:eq(7)', 'normal');
- 子孫セレクタでスクロール先を指定(要素1に移動)
$('#sample').scrollTo('li:first', 'normal');
- jQueryオブジェクトでスクロールを先指定(要素16に移動)
$('#sample').scrollTo($('#sample li:eq(15)'), 'normal');
- jQueryオブジェクトでスクロールを先指定(最後の要素に移動)
$('#sample').scrollTo($('#sample li:last'), 'normal');
- 絶対位置でスクロール先を指定
$('#sample').scrollTo({left:100, top: 200}, 'normal');
- 相対位置でスクロール先を指定(右上に動く)
$('#sample').scrollTo({left:'+=100', top:'-=100'}, 'normal');
- 相対位置でスクロール先を指定(左下に動く)
$('#sample').scrollTo({left:'-=100', top:'+=100'}, 'normal');
書式
// $('#sample').scrollTo({スクロールする位置}, {スピード}, {オプション});
$('#sample').scrollTo('li:eq(7)', 500, {margin: 10, onAfter: function () {alert('scrollしました')}});