jquery動畫滾動不能正常工作

我有一個div裏面有一個表格和幾個單元格內容div。這個div有一個垂直滾動條，我想通過jQuery代碼移動。我有一些動畫代碼在點擊錨鏈接後移動滾動條。然而滾動條的移動並不一致，只有很少會到達我想要的div。此外，行爲不一致，因爲如果我多次點擊一個鏈接，滾動條將移動到不同的位置。請注意，我的表格中的所有div都「堆疊」在行中。我已經在下面包含了JavaScript的代碼。jquery動畫滾動不能正常工作

$('#groupScroller').animate({ scrollTop: $(selector).offset().top }, 'slow');

來源

2011-06-07 user583824

可能你發佈你的doctype標籤以供參考？ – Jagadeesan 2011-06-07 12:58:45

我只是嘗試使用位置而不是偏移量，但那也沒有奏效。不過，我確實設法得到一些調試信息。我點擊按鈕兩次後，我注意到我想要滾動重置爲0的div的頂部座標。我想我必須硬編碼座標值到這些div。除非有人有其他想法。 – user583824 2011-06-07 13:04:02

演示已被刪除，但代碼仍可用。

$('.scrollPage').click(function() { 
    var elementClicked = $(this).attr("href"); 
    var destination = $(elementClicked).offset().top; 
    $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500); 
    return false; 
});

的主要原因這是行不通的，如果你沒能得到目標元素的位置將是 - 所以檢查VAR目的地，看看什麼樣的價值，你回來...

來源

2011-06-17 12:34:29 Fenton

檢查你的doctype標籤的第一行html版本的html代碼，我認爲只有版本5或xhtml支持scrollTop。

來源

2011-06-07 12:57:50 Jagadeesan

我最終使用了硬編碼的頂級值。疼痛，但它的作品。 – user583824 2011-06-15 19:52:32

jquery動畫滾動不能正常工作

回答

相關問題