jQuery使用按鈕而不是滾動條在滾動區域中「跳轉」

我所擁有的是帶有設置寬度和高度的div，其中包含縮略圖。該div設置爲溢出：自動允許用戶向下滾動查看更多縮略圖。jQuery使用按鈕而不是滾動條在滾動區域中「跳轉」

我正在尋找一個jQuery插件（或方法），它將允許替代滾動條，當按下按鈕時會動畫（或不動畫）到下一組縮略圖。有點像在你的鍵盤上「下翻」的想法。

我已經搜索和搜索，但無濟於事。我懷疑如果這樣的插件確實存在，我不會搜索正確的關鍵字。

希望有人能幫助！謝謝。

2011-07-19 stefmikhail

這是我的方法，我implementd如何用jQuery

滾動Javascript

$(document).ready(function(){ 
    $('a.scroll').click(function() 
    { 
     //$(this).attr('scrollTo') is ID of element where to scroll 
     var target_offset = $("#"+$(this).attr('scrollTo')).offset(); 
     var target_top = target_offset.top-20; 

     $('html, body').animate({scrollTop:target_top}, 500); 

     return false; 
    }); 
});

你的鏈接應該是這樣的

<a scrollTo="id_where_to_scroll" href="#" title="Down" class="scroll">Down</a>

什麼，你需要做的只是改變scrollTo同時按下，如果第一套的ID是#firstSet然後進行第二個#secondSet當鏈接點擊只是設置attr（'scrollTo'，'yournextset'）;

來源

2011-07-19 19:59:35

有.scrollTo：

$('div').scrollTo($('img:eq(10)'));

這將滾動DIV，使第11 <img>元素將是可見的。你幾乎可以將它擴展到你喜歡的地方。你也可以這樣做：

var $div = $('div'); 
$div.scrollTop($div.scrollTop() + $div.height());

這將向下滾動到當前點不可見的高度（如Page Down）。

http://jsfiddle.net/bqaQT/

來源

2011-07-19 19:57:29 pimvdb

沒有必要的插件：

var thumbDiv = $('#thumbDiv'); 
thumbDiv.scrollBy(0, thumbDiv.height());

其他方向也只是負高度：

thumbDiv.scrollBy(0, -thumbDiv.height());

來源

2011-07-19 19:58:33

將容器div設置爲overflow:hidden以刪除滾動條，然後使用.animate()方法爲scrollTop屬性設置動畫。

向下滾動

$('#gallery').animate({scrollTop: '+=100' }, 500);

向上滾動

$('#gallery').animate({scrollTop: '-=100' }, 500);

演示在http://jsfiddle.net/gaby/dAW5w/3/

來源

2011-07-19 20:00:00

我使用沒有類似的東西： $（ '＃myLink的'）懸停（ function（）{（「＃myDiv」）。stop（）。animate（{top ：（$（「＃myDiv」）。position（）。top-200）+'px'}，{queue：false，duration：400}）;

}）;

來源

2011-07-19 20:01:34

jQuery使用按鈕而不是滾動條在滾動區域中「跳轉」

回答

相關問題