vertical-scrolling 相关问题

我想做的是在用户提交不完整的表单后重新加载时让页面滚动到特定的。函数 commentScroll(divID) 正在被调用——我知道这一点我想做的是在用户提交不完整的表单后重新加载时让页面滚动到特定的<div>。函数 commentScroll(divID) 正在被调用——我知道这一点是因为 alert 出现在页面加载时，并且我知道它知道要滚动到什么 <div>，因为：它呈现了我传递给它的<div>id，divID，即通过呈现正确的id获得了元素ele.id。 <div> 已切换为 display:block（并且没有其他 <div>）。但是，即使 commentScroll(divID) 被调用并且知道要滚动到什么 <div>，它也不会滚动到 <div>。我已经确认 - 不是保留字符，应该用作 <div> <id>，所以这不是问题。我已经确认 ele.scrollIntoView(); ought 可以工作，因为我在 function eleScroll(divID) 中使用它并且它在那里工作。有人可以告诉我为什么不是吗？提前致谢！ <html> <script type="text/javascript"> function commentScroll(divID) { bool_debug = true; // 0; const ele = document.getElementById(divID); if (bool_debug) { alert("line 126:\n\n" + "divID = \"" + divID + "\""+ "\n" + "ele.id = \"" + ele.id + "\""); } ele.scrollIntoView(); toggle_reply(divID); } // function commentScroll(eleDiv) function eleScroll(divID) { const ele = document.getElementById(divID); ele.scrollIntoView(); } // function eleScroll(eleDiv) function toggle_reply(id) { var array_reply = document.getElementsByClassName("div-reply"); for(var count_reply=0; count_reply<array_reply.length; count_reply++) { if (array_reply[count_reply].id != id) { array_reply[count_reply].style.display = "none"; } } // for(var count_reply=0; count_reply<array_reply.length; count_reply++) var div = document.getElementById(id); div.style.display = div.style.display == "none" ? "block" : "none"; } // function toggle_reply(id) </script> <body> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <div id="reply-97-1" class="div-reply" style="display:none; margin-bottom:5px; margin-left:22px;"> <table border="1" style="margin-bottom:5px; margin-left:26px; border:black thin solid; "> <tr> <td colspan="2">test 1</td> </tr> <tr> <td align="left">P. James Norris - 9:01 am Thu 18 Jan 2024</td> <td align="right"><button onclick="toggle_reply('reply-97-1')">reply</button></td> </tr> </table> <form name="comment" action="" method="post"> <input name="_id_blog" type="hidden" value="97-1" > <table style="width:300px;"> <tr> <td colspan="2"> <textarea id="comment_in_97-1" name="comment" name="" rows="7" cols="50" placeholder="type your comment - 2500 characters" onchange="countChars('comment_in_97-1', 'count_comment_97-1', 2500);" onfocus="countChars('comment_in_97-1', 'count_comment_97-1', 2500);" onkeydown="countChars('comment_in_97-1', 'count_comment_97-1', 2500);" onkeyup="countChars('comment_in_97-1', 'count_comment_97-1', 2500);" ></textarea> <br /> <span style="font-size:11px;">Characters Remaining: <span id="count_comment_97-1" style="color:black;"></span></span> </td> </tr> <tr> <td> <input id="nameFirst-97-1" name="nameFirst" type="text" placeholder="first name - 25 characters" value="" - 50 characters onchange="countChars('nameFirst-97-1', 'count_nameFirst-97-1', 25);" onfocus="countChars('nameFirst-97-1', 'count_nameFirst-97-1', 25);" onkeydown="countChars('nameFirst-97-1', 'count_nameFirst-97-1', 25);" onkeyup="countChars('nameFirst-97-1', 'count_nameFirst-97-1', 25);" > </td> <td> <input id="nameLast-97-1" name="nameLast" type="text" placeholder="last name - 25 characters" value="" - 25 characters onchange="countChars('nameLast-97-1', 'count_nameLast-97-1', 25);" onfocus="countChars('nameLast-97-1', 'count_nameLast-97-1', 25);" onkeydown="countChars('nameLast-97-1', 'count_nameLast-97-1', 25);" onkeyup="countChars('nameLast-97-1', 'count_nameLast-97-1', 25);" > </td> </tr> <tr> <td> <span style="font-size:11px;">Characters Remaining: <span id="count_nameFirst-97-1" style="color:black; font-size:12px;"></span></span> </td> <td> <span style="font-size:11px;">Characters Remaining: <span id="count_nameLast-97-1" style="color:black; font-size:12px;"></span></span> </td> </tr> <tr> <td colspan="2" align="center"> <input id="email-97-1" name="email" type="text" placeholder="email - 50 characters" value="" - 50 characters onchange="countChars('email-97-1', 'count_email-97-1', 50);" onfocus="countChars('email-97-1', 'count_email-97-1', 50);" onkeydown="countChars('email-97-1', 'count_email-97-1', 50);" onkeyup="countChars('email-97-1', 'count_email-97-1', 50);" > <br /> <span style="font-size:11px;">Characters Remaining: <span id="count_email-97-1" style="color:black; font-size:12px;"></span></span> <br /> <em>Only your name, not your email address, will appear in the comments area.</em> <br /> <input name="submit" type="submit" value="post"> </td> </tr> </table> </form>  </div>  <script>commentScroll("reply-97-1"); </script> </body> </html> 如果我理解正确，您希望在页面重新加载时滚动到特定的<div>（在您的情况下是在表单提交后）。为此，您需要等待页面加载。在页面加载之前滚动某处充其量是不可靠的，因为元素的位置仍然可以改变，或者有问题的元素可能根本还没有加载。您可以使用window.onload。在您的情况下，将页面底部的标签替换为以下内容 window.onload = function() { commentScroll("reply-97-1"); }

javascript vertical-scrolling

回答 1 投票 0

如何使表格布局垂直和水平滚动

如何使表格布局水平和垂直滚动？该表格布局的列是动态生成的。此时他只是垂直滑动。在某些情况下

android scrollview tablelayout horizontalscrollview vertical-scrolling

回答 2 投票 0

如何使用 Selenium 滚动到页面底部？

我正在尝试使用此代码向下滚动到页面末尾：从硒导入网络驱动程序 url = 'http://www.tradingview.com/screener' 驱动程序 = webdriver.Firefox() 驱动程序.get(url) # 获取滚动条

python selenium-webdriver vertical-scrolling

回答 1 投票 0

Selenium 滚动困境

这是我能找到的唯一可以向下滚动到页面末尾的代码，其他都不起作用。问题是 While True 语句永远不会完成，它会继续尝试滚动