欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

大神些帮忙解决一个html+css的问题_html/css_WEB-ITnose

程序员文章站 2022-06-03 20:50:16
...
CSS HTML 在网址 http://sale.jd.com/act/uklpecPXTtCwrN8.html
上的一个效果:
当滚动条滚动一定距离的时候,右边悬浮的菜单会显示出来。这上面不能支持js代码,请问这个效果用html+css怎么实现呢?

回复讨论(解决方案)

不用JS冒似不行

用HTML5 CSS3可以,不过部分浏览器不支持

我就要css 的,给个例子嘛

没有js不行

$(window).bind("scroll",function(){
var top=document.body.scrollTop||document.documentElement.scrollTop;
if(top // do hide
object.animate({
opacity: "hide"
});
}else{
// do show
object.animate({
opacity: "show"
}).css({
"top":(viewHeight-objectHeight)/2
});
}
});