>웹 프론트엔드 >HTML 튜토리얼 >大神些帮忙解决一个html+css的问题_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:20:25895검색

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
                });
            }
        });

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.