javascript - 按下按钮时,将一个 div 推到当前 div 下面

标签 javascript html css

我试图做到这一点,当我按下页面底部的按钮时,当前页面将向上滑动并显示此 div(示例如下图)。

我认为这将不得不使用 HTML/CSS 和 JS。

Picture 1

Picture 2

感谢您的帮助!

最佳答案

将要滑动的 div 指定为特定的 id,并用 href 在按钮周围包裹一个 anchor 标记>#除法。然后页面将滑动到具有 id dividdiv

More info about anchor tags

您也可以使用 javascript 来完成:

window.onload = function(){
    document.getElementById('button').onclick = function(){
        document.getElementById('div').scrollIntoView();
    }; 
};

关于javascript - 按下按钮时,将一个 div 推到当前 div 下面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24841901/

相关文章:

javascript - 您可能需要适当的加载程序来处理此文件类型 : arrow function in react component

html - 如何制作类似m.yahoo.com(手机版)的手机网站?

html - Safari 上带有 margin-right negative 的布局差异

html - 如果 ul 元素包含 li 元素,如何将 css 应用于外部 div

css - @media 查询 : getting an error in W3C CSS Validation Service

javascript - Protractor Promise fn 不是一个函数

javascript - 使用 underscore.js 对多个属性进行对象数组过滤

javascript - 如果 polyfill 脚本下载失败会发生什么?

javascript - 如何将光标设置在文本区域的末尾?

css - 如何在网页中导入字体