【问题标题】:How to make a Menu that Starts static and then scrolls with you?如何制作一个开始静态然后随您滚动的菜单?
【发布时间】:2012-06-08 20:01:49
【问题描述】:

如何创建一个从静态开始但当您到达页面中的某个点时开始滚动的菜单?

示例:

http://techcrunch.com/

http://www.beyonceonline.com

【问题讨论】:

  • 不太明白你在说什么。这两个页面的顶部都有静态的水平标题,对我来说它们不会移动。
  • 当您向下滚动时,它似乎会跟随您,即使它一开始是静态的,但随后变得固定。至少在第二个链接中感觉更明显。抱歉,当我的意思是移动时,我并不是说菜单是动画的或运动的,而是跟随你的滚动。不知道这样是否更清楚。

标签: menu static scroll floating motion


【解决方案1】:

我猜想将菜单设置为 head 标签中的固定 div,将内容设置为 100%x100% 动态 div,顶部边距为 50 像素(菜单高度不应超过 50 像素,但这只是我的意见),然后设置菜单 z-index= 1;并且内容z-index= -1;在你的 CSS 中。

【讨论】:

    猜你喜欢
    • 2017-03-21
    • 1970-01-01
    • 2013-12-11
    • 2015-09-17
    • 1970-01-01
    • 1970-01-01
    • 2011-07-08
    • 2021-01-31
    • 1970-01-01
    相关资源
    最近更新 更多