Question

我正在尝试向我的页面添加一个脚本，以便在用户到达底部时修复我的侧栏。

我试图通过实现下面的脚本和CSS来为我的侧栏的容器添加一个类来修复它的位置：

脚本

 function fixeSideBar() {
    var myWindow = $( window ),
        mySideBar = $( ".widget-area" );

    myWindow.scroll ( function() {
            if ( myWindow.scrollTop() < 130 ) {
            mySideBar.removeClass( "sticks" );
        } else {
            mySideBar.addClass( "sticks");
        }
    } );
}

$(function() {
        fixeSideBar();
    } );

CSS

.sticks { 位置：固定; 顶部：-50px; 浮动：权利; 左：1000像素; 填充顶：62px; 宽度：37％; background-color：#fafafa; padding-right：40px; 填充左：40像素; }

但是，我面临两个主要问题：

通过添加这个新类，我丢失了侧栏的整个格式（包括它在屏幕右侧的位置）。
整个格式化仅适用于我的计算机（具有特定的屏幕宽度和高度）。

我最想要完成的是当用户到达底部时（在任何类型的设备上）修复侧栏，并确保我的侧栏的格式保持不变。

Answer 1

试试这个

#' \itemize{
#'   \item First level, itemize, first item
#'     \itemize{
#'       \item Second level, itemize, first item
#'       \item Second level, itemize, second item
#'         \enumerate{
#'           \item Third level, enumerate, first item
#'           \item Third level, enumerate, second item
#'         }
#'     }
#'   \item First level, itemize, second item
#' }

如果你希望在达到div的底部时修复侧边栏，你可以在条件中添加meSideBar.height（），如果你想要修复侧边栏，就像显示div一样去除它

滚动固定侧栏

1 个答案: