网页下拉菜单CSS,如何能对齐顶部?都是硬件产品那栏一样,都是顶部对齐。

html-css010

网页下拉菜单CSS,如何能对齐顶部?都是硬件产品那栏一样,都是顶部对齐。,第1张

如果是纯CSS实现的实,就只有一个一个改,你现在的弹出框可以都是相对于菜单来弹出的,也就是定位都是top:0;这样实现出来的效果,就是你现在这样。

而且要解决都居顶部,就只能改变top的值。比如,第一个弹框是top:0那第二个弹框(也就是软件产品的弹出框)top:-30px,这里的30是你菜单的高度。也就是你当前菜单是兰色这一块的高度。

那第三个弹框top:-60px以此类推。

这样就能解决。所有弹框居顶的问题。

通过js添加滚动事件,当滚动时判断滚动条距离顶端的高度是否达到固定导航条所需的高度

如果达到,为导航条添加position:fixed属性,否则去掉该属性

需要监听scroll事件,scrollY为滚动条距顶端距离,在监听函数里计算滚动条位置即可

肯定能改成这个样式,你仔细看看是怎样实现的,如果你对popwindow够熟悉的话应该很快就能实现的,至于下拉 你给pop一个显示的动画不就完了 是一样的效果 在让pop的显示在按钮的下方 整个效果就是你想要的了。如果还不明白 那我就没辙了,你仔细看看demo就会明白的