javascript - 删除页面元素时防止页面滚动

标签 javascript html

我有一堆 div,我正在使用 javascript 从文档中删除它们。完成后,页面的长度通常会显着缩短,如果用户向下滚动页面,它会突然重新居中,因为整个页面现在都适合窗口。

这会导致用户不再将鼠标悬停在页面上的相同按钮上。我想阻止这种自动滚动,但似乎很难。我承认允许页面从其内容中滚动出来没有多大意义。似乎我能做的最好的事情就是将虚拟 div 作为占位符。一旦用户向上滚动,然后清理它们以缩小页面。

还有其他更清洁的解决方案吗?

最佳答案

您可以将要删除的 div 设置为visibility: hidden(添加类或类似类),这样它们仍会占用文档中的空间。在适当的时候,您实际上将它们删除并允许文档回流。

关于javascript - 删除页面元素时防止页面滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7523771/

相关文章:

php - 在修改后的 Wordpress 循环中插入 DIV 容器

html - 具有 "display: none"的元素仍然可见

javascript - 使用 JavaScript 函数对数组进行排序

javascript - 使用 jquery 改进每个悬停事件对 div 属性的搜索

javascript - 当我只想改变一个元素时,如何阻止 jQuery 影响所有元素

数组中的 Javascript 对象属性值

html - 如何在本地机器上测试 'font-display: swap'?

css - 如何使按钮横跨列的宽度

javascript - 将 handlebars 变量作为参数传递给 partial

Javascript 无法正确排序 DECIMAL 数字