开启按钮时，按下当前div下方的div

我想让它如此，当我按下页面底部的按钮时，当前页面将向上滑动，此div将显示（示例如下图所示）。我认为这将不得不使用HTML/CSS和JS。开启按钮时，按下当前div下方的div

Picture 1

Picture 2

感谢您的帮助！

来源

2014-07-19 Craytor

的链接，图片被打破 – Jonan

城南 - 谢谢！固定... – Craytor

你想单击按钮并让页面重新聚焦在下一个div上，或者是否想要将div移动到与另一个div相关的新位置？ – tylerlindell

给div你想要滑动到一个特定的id，并在href的值#divid周围包装一个锚标签。该页面将滑动到div，其中有iddivid。

More info about anchor tags

你也可以做到这一点使用javascript：

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

来源

2014-07-19 15:29:16 Jonan

感谢您的回复！这不是我想要的。我想要一些类似于http://callmenick.com/tutorial-demos/slide-push-menus/（按下导航栏底部）的内容。我不想使用他们拥有的那些js，因为我不需要它拥有的所有功能。 – Craytor

@Craytor看到我编辑的答案 – Jonan

如果没有javascript，你就无法做到这一点，因为你基本上是使用click事件来处理click事件，并处理click事件以同时更改多个元素（减小顶级菜单的大小并将底部元素）尚未在CSS中支持。即使你提到的链接使用js：http://callmenick.com/tutorial-demos/slide-push-menus/js/nav.js – Maxzeroedge

开启按钮时，按下当前div下方的div

回答

相关问题