Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将Div更改为";固定的;后卷轴_Javascript_Css_User Interface - Fatal编程技术网

Javascript 如何将Div更改为";固定的;后卷轴

Javascript 如何将Div更改为";固定的;后卷轴,javascript,css,user-interface,Javascript,Css,User Interface,在academicearth的about页面上,他们有一个 这是怎么做到的 在标记变为固定的的顶部,它也移到了右边一点,以适应滚动显示的内容。使用滚动事件 $(document).scroll(function(e) { //grab position of scrollbar position=$(document).scrollTop(); //when position match a height if(position==desired_height)

在academicearth的about页面上,他们有一个

这是怎么做到的

标记变为
固定的
的顶部,它也移到了右边一点,以适应滚动显示的内容。

使用滚动事件

$(document).scroll(function(e)
{ 
    //grab position of scrollbar
    position=$(document).scrollTop();
    //when position match a height
    if(position==desired_height)
    {
      //grab element 
      $('ele').css('position','fixed');
    }
}