Can someone please help me solve an html css problem_html/css_WEB-ITnose

CSS HTML

An effect on the URL http://sale.jd.com/act/uklpecPXTtCwrN8.html
:
When the scroll bar scrolls a certain distance, the right side will float menu will be displayed. This does not support js code. How can I achieve this effect using html css?

Reply to the discussion (solution)

It seems impossible to use JS

It is possible to use HTML5 CSS3, but some browsers do not support it

Me I need css, give me an example

It won’t work without js

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