Heim > Web-Frontend > HTML-Tutorial > 大神些帮忙解决一个html+css的问题_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:20:25
Original
897 Leute haben es durchsucht

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage