2010-02-17 40 views
0

我有一個高度爲200px(視口)的div。裏面 這個div有一個ul> li列表與許多鏈接。現在 我有2個箭頭來上下推動/滾動這個內容。帶停止功能的jquery滾動內容

我使用這種代碼(將變爲bind- 事件):

$("#jq-manufactors_bot").click(function() { 
    $("#manufactors .toggle").animate({marginTop: "-=100"},400); 
    }); 

    $("#jq-manufactors_top").click(function() { 
    $("#manufactors .toggle").animate({marginTop: "+=100"},400); 
    }); 

現在我不知道如何實現一個功能,停止滾動 的內容,當結束/開始已到達。隨着高度()我可以得到當前列表的高度。我需要的東西在哪裏 我可以比較這個高度與滾動的方式來阻止它只是 及時。

THX TC

回答

2

不能發送圖像,因此還必須去鏈接,看看哪些是

http://i49.tinypic.com/33az0bo.jpg

所以你在找什麼關鍵嘿嘿的塗鴉因爲是偏移量,而你不想要發生的是,offfset不能變大,那麼列表高度和包裝物高度的差異如下:

假設偏移量爲負值:

if(offset < wrapperHeight - listHeight) 
    offset = wrapperHeight - listHeight; 

正你必須greather使用,然後與listHeight - wrapperHeight

你就必須包括在點擊這個比例計算,以防止走出去界

希望它有助於,

乾杯 Tomas

+0

是的,這是工作:) – Florian 2010-02-25 14:33:11