已解決430363個問題，去搜搜看，總會有你想問的

如何使用jQuery滾動到特定項目？

首頁猿問如何使用jQuery滾動到特定項目？

如何使用jQuery滾動到特定項目？

JavaScript JQuery

海綿寶寶撒 2019-08-23 16:20:36

如何使用jQuery滾動到特定項目？我有一個帶垂直滾動條的大桌子。我想使用jQuery / Javascript滾動到此表中的特定行。有沒有內置的方法來做到這一點？這是一個可以玩的小例子。div { width: 100px; height: 70px; border: 1px solid blue; overflow: auto;}<div> <table id="my_table"> <tr id='row_1'><td>1</td></tr> <tr id='row_2'><td>2</td></tr> <tr id='row_3'><td>3</td></tr> <tr id='row_4'><td>4</td></tr> <tr id='row_5'><td>5</td></tr> <tr id='row_6'><td>6</td></tr> <tr id='row_7'><td>7</td></tr> <tr id='row_8'><td>8</td></tr> <tr id='row_9'><td>9</td></tr> </table></div>

查看完整描述

3 回答

湖上湖

TA貢獻2003條經驗獲得超2個贊

死簡單。不需要插件。

var $container = $('div'),
    $scrollTo = $('#row_8');$container.scrollTop(
    $scrollTo.offset().top - $container.offset().top + $container.scrollTop());// Or you can animate the scrolling:$container.animate({
    scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop()});

這是一個有效的例子。

文檔scrollTop。

反對回復 2019-08-23

慕的地8271018

TA貢獻1796條經驗獲得超4個贊

我做了這個組合。它為我工作。但如果單擊移動，則div面向一個問題，div大小太大，以至于scenerio不會向下滾動到此特定div。

 var scrollDownTo =$("#show_question_" + nQueId).position().top;
        console.log(scrollDownTo);
        $('#slider_light_box_container').animate({
            scrollTop: scrollDownTo            }, 1000, function(){
        });

        }

反對回復 2019-08-23

3 回答
0 關注
454 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用jQuery滾動到特定項目？

如何使用jQuery滾動到特定項目？

3 回答

添加回答

如何使用jQuery滾動到特定項目？