javascript – 停止固定背景图像滚动到一定高度

前端之家收集整理的这篇文章主要介绍了javascript – 停止固定背景图像滚动到一定高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如下图所示,侧边栏位于其包装下方.如果固定背景图像位于包装器下方,如何停止滚动?我不希望它触及页脚.@H_403_2@

enter image description here

@H_403_2@

这是我的代码:@H_403_2@

@H_403_2@

 

HTML代码:@H_403_2@

@H_403_2@

最佳答案
你必须插入内容&您的侧边栏导航到容器中并将内容的位置设置为相对位置.您可以使用stickem插件来帮助滚动.一个例子如下:@H_403_2@

HTML – @H_403_2@

@H_403_2@

CSS – @H_403_2@

@H_403_2@

.stickem-container {
 position: relative;
}

.stickit {
margin-left: 660px;
position: fixed;
top: 0;
}

.stickit-end {
bottom: 40px;
position: absolute;
right: 0;
}

Javascript – @H_403_2@

@H_403_2@

    

猜你在找的CSS相关文章