javascript - 当 div 增长时自动向下滚动浏览器窗口

标签 javascript html css web

<分区>

所以我的页面上有一个 div 页脚,可以说高度为 200 像素。现在这个 div 有一个按钮,可以显示 div 内的一些 html 对象,因此增加了 div 的高度,比方说,400 像素。

所以我原来 200px 的 div 现在是 400px 并且与页面底部对齐。问题是,当 div 展开时,我的浏览器不会自动向下滚动窗口以显示所有 div。 结果,我只能看到我的 div 的前 200 个像素(原始大小),我必须手动向下滚动浏览器窗 Eloquent 能看到完整的 div。

有没有一种方法可以使用 html css 让我的浏览器在 div 展开时自动向下滚动? 如果没有,我想至少可以使用 javascript..

最佳答案

我不知道只有 html 和 css 的任何解决方案,你可以试试这个 javascript 解决方案:

div = document.getElementById('#your_div');
div.scrollTo(0,div.scrollHeight);

看看:Scroll Automatically to the Bottom of the Page .

关于javascript - 当 div 增长时自动向下滚动浏览器窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25774125/

上一篇:html - 如何使用最基本的 HTML/CSS 绘制实线/点线/虚线(以便 tcpdf 正确呈现它们)

下一篇:html - 在 Skeleton Wordpress 主题上制作子导航显示

相关文章:

php - 如何在 2 列 Bootstrap 2.32 布局的右列中修复表单

javascript - 如果一个延迟被拒绝,cujojs 中的when.all() 2.2.1 不会拒绝

php - 如何从段落外删除分隔符

css - 影响其他div的 float ?

JavaScript 代码不允许输入点,如何解决这个问题?

设置 'display' 属性的 Javascript 函数在某些情况下有效,而在其他情况下则无效

php - 使用 jquery 缩放/缩放网站内容以适应浏览器区域

javascript - 无法在 Javascript 对象中动态添加键

javascript - 排序对象数组适用于数字但不适用于字符串

c# - 仅当应用程序被激活时才会弹出 Toast 通知