首頁猿問如何使用jquery在頁面刷新時向...

如何使用jquery在頁面刷新時向下滾動？

Html5

慕無忌1623718 2023-09-04 15:36:14

我有一個 div，height:400px我必須在其中添加內容，就像現在我只添加了一個 div 的名稱，.content現在我想在頁面刷新時向下滾動。我的代碼：- $(function() { if (window.performance) { $('html, body').animate({ scrollTop: $('.bottom').offset().top }, 'slow') }; }); .scrollDiv { height: 300px; overflow: auto; } .content { height: 1500px; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <div class="contianer"> <div class="scrollDiv"> <div class="content"></div> <p>This content should be appear on page refresh</p> </div> <div class="bottom"></div> </div>

查看完整描述

4 回答

料青山看我應如是

TA貢獻1772條經驗獲得超8個贊

我認為你應該這樣做，而不是僅僅滾動html, body.

您還應該滾動，.scrollDiv因為這是內容較長的內容。

$(function() {

if (window.performance) {

$('html, body').animate({

scrollTop: document.body.scrollHeight

}, 'slow')

$('.scrollDiv').animate({

scrollTop: $('.scrollDiv')[0].scrollHeight

}, 'slow')

};

});

.scrollDiv {

height: 300px;

overflow: auto;

}

.content {

height: 1500px;

}

<p>This content should be appear on page refresh</p>

</div>

</div>

反對回復 2023-09-04

素胚勾勒不出你

TA貢獻1827條經驗獲得超9個贊

如果預計內容會增加，您可以max-height一起使用。height

$(function() {

if (window.performance) {

$('html, body').animate({

scrollTop: $('.bottom').offset().top

}, 'slow')

};

});

.scrollDiv {

height: 300px;

max-height:1500px;

}

.content {

height:300px;

max-height: 1500px;

}

<p>This content should be appear on page refresh</p>

</div>

</div>

反對回復 2023-09-04

人到中年有點甜

TA貢獻1895條經驗獲得超7個贊

You are trying to scroll to the bottom of DIV.scrollDiv?

If yes, use this.

var objDiv = document.getElementById("scrollToBottom");

objDiv.scrollTop = objDiv.scrollHeight;

var objDiv = document.getElementById("scrollToBottom");

objDiv.scrollTop = objDiv.scrollHeight;

$(function() {

if (window.performance) {

$('html, body').animate({

scrollTop: $('.bottom').offset().top

}, 'slow')

};

});

.scrollDiv {

height: 300px;

overflow: auto;

}

.content {

height: 1500px;

}

href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

</script>

<script

src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js">

</script>

</script>

<p>This content should be appear on page refresh</p>

</div>

</div>

反對回復 2023-09-04

慕桂英4014372

TA貢獻1871條經驗獲得超13個贊

您的 JavaScript 代碼是正確的。

它不起作用的原因是因為你將scrollDiv高度設置為 300，但它content是 1500；

將您的值更改scrollDiv為 1500，您會看到它有效。

反對回復 2023-09-04

4 回答
0 關注
206 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如何使用jquery在頁面刷新時向下滾動？

如何使用jquery在頁面刷新時向下滾動？

4 回答

添加回答

如何使用jquery在頁面刷新時向下滾動？

如何使用jquery在頁面刷新時向下滾動？