jquery滚动功能无法正常工作

jquery scrolling function not working properly

本文关键字：工作 常工作 滚动 功能 jquery      更新时间：2023-09-26

我使用此代码来更改滚动时的位置。问题是当滚动到页面顶部css top:'0px'不起作用时。这是代码。

window.onload = function() {
    var stickySidebar = $('.bk-form-wrap').offset().top;
    var $div = $('div.bk-form-wrap');
    $(window).scroll(function() {
        if ($(window).scrollTop() > stickySidebar) {
            $div.css({
                 position:'fixed',
                 height: '70px'
            });
            $div.animate({
                top: '95px',
                //top:'100%',
               // marginTop: - $div.height() 
            });
        }
        else {  
        }   
        if ($(this).scrollTop() == 0) {
             //Call your event here
             $div.css({
                 position:'relative',
             });
             $div.animate({
                top:'0px',
             });
        }
    });
};

并链接到页面。请帮忙。谢谢

试试这个。

var $div = $('div.bk-form-wrap');  
$(window).scroll(function() {
    var stickySidebar = $('.bk-form-wrap').offset().top;
    if ($(window).scrollTop() > stickySidebar) {
         $div.css({
             position:'fixed',
             height: '70px'
              },1000);
        $div.animate({
            top: '95px'
            //top:'100%',
           // marginTop: - $div.height() 
        });
    }
    else if ($(window).scrollTop() == 0) {
       //Call your event here
         $div.css({
             position:'relative'
              });
           $div.animate({
            top: '0px'
        },500);
    }   
});
相关文章：