http://nggalaxy.ru/en/about-us/ - 这是要实现的确切行为的示例。当您向下滚动页面时,侧边菜单会消失并出现在页面顶部。 例如如何使用bootstrap实现?
谢谢。
最佳答案
这是一个使用原始 Javascript + jQuery 实现此目的的示例:
<script type="text/javascript">
$(window).scroll(function(){
var a = 112;
var pos = $(window).scrollTop();
if(pos > a) {
$("menu").css({
position: 'fixed'
});
}
else {
$("menu").css({
position: 'absolute',
top:'600px'
});
}
});
</script>
如果用户向下滚动 112 像素,这将添加一个 CSS 样式。像这样,您可以为您的菜单创建所有样式。
一般:使用 javascript 检查用户的滚动位置,并附加样式或类。
关于html - 响应式网站菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23480316/