菜单固定随滚动条滑动

Posted 羊羊羊丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了菜单固定随滚动条滑动相关的知识,希望对你有一定的参考价值。

//菜单固定随滚动条滑动

function navscroll(id){

  var $sidebar = $(id),    

  $window = $(window),    

  offset = $sidebar.offset(),    

  topPadding = 0;    

  $window.scroll(function() {    

   if ($window.scrollTop() > offset.top) {    

    $sidebar.stop().animate({    

     marginTop: $window.scrollTop() - offset.top + topPadding    

    });    

   } else {    

    $sidebar.stop().animate({    

     marginTop: 0    

    });    

   }    

  });    

}

以上是关于菜单固定随滚动条滑动的主要内容,如果未能解决你的问题,请参考以下文章

css Div在页面中纵向固定,不随滚动条滚动,横向随滚动条滚动

css固定div头部不随滚动条滚动

如何固定table的第一行,不随纵向滚动条滚动,但能横向滚动

fixed和absolute定位区别

如何固定table的第一行,不随纵向滚动条滚动,但能横向滚动

有两个div,一个父级,一个子级,父级有滚动条,样式如何写才能让子级的div固定在顶部,不随滚动条