javascript - 怎么让页面中固定定位的侧边栏的位置随着滚动条动态增加呢?
高洛峰
高洛峰 2017-06-26 10:53:43
0
2
960

需求是这样的,一开始页面的侧边栏是固定在页面的某一位置(如:right:0;bottom:0),随着滚动条的滚动,为了防止侧边栏折叠页脚部分(参考下图),到一定位置,bottom的值随身滚动条的增加而增加,效果类似起点中文网的效果,代码如下,求大神,我的bottom只增加一个就不动了!
代码如下:

 //滚动条监听事件
        $(window).scroll(function () {
            var sTop = $(document).scrollTop();
            var Bottom = 100;//设置底部距离
            if (sTop >= 1738) {
                Bottom++;//不断增加
                $(".main .main_p").css("bottom",Bottom);//设置固定侧边框位置
            }else{
                $(".main .main_p").css("bottom",0);
            }
        })


起点中文网的具体效果展示:http://read.qidian.com/chapte...

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
typecho

不必不断增加,很浪费资源。用 fixed 定位,判断到底了之后换 absolute 定位或其它方式定位到底部。

伊谢尔伦

看看这样行不行.
https://jsfiddle.net/eyvxw3wc/

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板