当前位置:首页 >> 前端

用Jquery实现某模块固定在顶部

  • 前端
  • 2020-06-16 08:03:21
  • 人已阅读
简介非常有用的代码片段,它允许一个元素固定在顶部。对导航按钮、工具栏或重要信息框是超级有用的。

非常有用的代码片段,它允许一个元素固定在顶部。对导航按钮、工具栏或重要信息框是超级有用的。


$(function(){
    var $win = $(window)
    var $nav = $('.mytoolbar');
    var navTop = $('.mytoolbar').length && $('.mytoolbar').offset().top;
    var isFixed=0;
 
    processScroll()
    $win.on('scroll', processScroll
);
 
 function processScroll() {
        var i, scrollTop = $win.scrollTop()
 
        if (scrollTop >= navTop && !isFixed) { 
            isFixed = 1
            $nav.addClass('subnav-fixed')
        } else if (scrollTop <= navTop && isFixed) {
            isFixed = 0
           $nav.removeClass('subnav-fixed')
        }
 }


Top