如何使錶行滾動到視圖時，表是在jQuery的滾動div？

有了一個div那捲軸：如何使錶行滾動到視圖時，表是在jQuery的滾動div？

<div id="PVwindow" style="overflow: scroll; max-width:800px; max-height:230px; float:left;">

如何獲取一個行被滾動到視圖，如：

<table id="PVtable"><tbody><tr>.....</tr>.....<tr id="scrollToViewP" style="background-color: #FFFF99;"><td>xxxx</td></tr></tbody></table>

這裏是不工作的代碼（它滾動，但出來的視圖）：

$(document).ready(function() { 
     if ($("#scrollToViewP:not(:visible)")) { 
      $("#PVwindow").animate({ 
        scrollTop: $("#scrollToViewP").offset().top 
       }, 1000); 
       } 
    });

這裏是一個jsfiddle working example that scrolls to the bottom

來源

2015-10-02 Matthew Cox

偏離主題。此問題似乎並不涉及幫助中心定義的範圍內的編程。 –

我已經添加了代碼。那是什麼使它成爲'主題'？ –

讓一個jsfiddle產生你的問題。另外，'if（$（...））{'沒有意義，因爲jquery對象總是真的。 –

他re是大多數情況下的解決方案（比如80％），有時它會滾動整個窗口以及div。

<script> 
$(document).ready(function() { 

    var element = document.getElementById("scrollToViewP"); 
    element.scrollIntoView({block: "end", behavior: "smooth"}); 

});

我還是希望有人會來改善這一點。（適用於FireFox和IE 11）

來源

2015-12-16 16:55:48

由於整個窗口有時會滾動，所以我做了這個小改動，並對這個腳本進行了很多改進。 $（文件）。就緒（函數（）{\t \t 變種元素=的document.getElementById（「scrollToViewP」）; element.scrollIntoView（{塊：「結束」，行爲：「平滑」}）; VAR xcoord = 0; var ycoord = 0; window.scrollTo（xcoord，ycoord）; }）; 'code' –

如何使錶行滾動到視圖時，表是在jQuery的滾動div？

回答

相關問題