jQuery 侧边栏跟随滚动效果

var dock_sidebar = function($sidebar, $content) {
    $sidebar.css('position', 'relative');
    var lastY = pageYOffset;
    var delta = 0;
    $(window).scroll(function() {
        delta += pageYOffset - lastY;
        lastY = pageYOffset;
        delta = Math.min(delta, $sidebar.outerHeight() + 30 - $(window).height());
        delta = Math.max(delta, 0);
        $sidebar.css('top', Math.max(0, Math.min(
            pageYOffset - $content.position().top + 15 - delta,
            $content.outerHeight() - $sidebar.outerHeight()
        )));
    });
};

【转载请附】愿以此功德,回向 >>

原文链接:https://www.huangwenchao.com.cn/2014/12/jquery-sidebar-dock.html【jQuery 侧边栏跟随滚动效果】

发表评论

电子邮件地址不会被公开。 必填项已用*标注