我正在做一個小測試，顯示腳步聲并隨著腳步數的增加而擴展 div。我試圖使用 jquery 讓用戶位于粉紅色 div 的底部，因此隨著 div 的增長，他始終位于底部。我嘗試過這些行：$(".two").scrollTop($(".two")[0].scrollHeight);但似乎沒有任何作用。我想請一個新的眼睛來告訴我我在那里做錯了什么！多謝。$( document ).ready(function() { var nbFoot = 0 ; for (var i = 0; i < 500; i++) { setTimeout(function () { nbFoot++; var footSteps = $("<div />", {"class": "footSteps"}) .css({}) .append($("<p>" + nbFoot + " pas </p>")) .appendTo(".one") $(".footSteps").prev().remove(); $(".two").height( nbFoot +"00"); $(".two").scrollTop($(".two")[0].scrollHeight); }, 200 * i) } });body { font-family: sans-serif; font-size: 1.3rem; margin: 0; background-color: #5a6c58; height: 100%;}.wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0px; grid-auto-rows: minmax(100vh, auto); height: 100vh;}.one { position: fixed; height: 800px; background-color: tan;}.two,.three,.four { position: relative; height: 100%; background-color: #ffdbf5;}.one { grid-column: 1 / 2;}.two { grid-column: 2 / 4;}.three { grid-column: 3 / 4;}.four { grid-column: 4 / 4;}.one::-webkit-scrollbar, .two::-webkit-scrollbar, .three::-webkit-scrollbar, .four::-webkit-scrollbar { }<!DOCTYPE html><html><head> <title>en ligne</title> <meta charset="UTF-8"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <script src="script.js"></script></head><body> <div class="wrapper"> <div class="one" id="gauche"> <div class="dir1"></div> </div> <div class="two" id="droite"> <div class="dir2"></div> </div> </div> <div class ="texte"></div><div class="note" style="display: none;">*</div> </body> </html>
滾動到擴展 div 的底部
精慕HU
2023-08-05 21:09:33
