大神些帮忙解决一个html+css的有关问题

大神些帮忙解决一个html+css的问题
在网址 http://sale.jd.com/act/uklpecPXTtCwrN8.html
上的一个效果：
当滚动条滚动一定距离的时候，右边悬浮的菜单会显示出来。这上面不能支持js代码，请问这个效果用html+css怎么实现呢？ CSS HTML
[解决办法]
不用JS冒似不行
[解决办法]
用HTML5 CSS3可以，不过部分浏览器不支持
[解决办法]
没有js不行

$(window).bind("scroll",function(){
            var top=document.body.scrollTop
[解决办法]
document.documentElement.scrollTop;
            if(top<viewHeight/3){
                // do hide
                object.animate({
                    opacity: "hide"
                });
            }else{
                // do show
                object.animate({
                    opacity: "show"
                }).css({
                    "top":(viewHeight-objectHeight)/2
                });
            }
        });