文档章节

右边窗口随动

陈映亮
 陈映亮
发布于 2015/02/06 15:33
字数 92
阅读 17
收藏 0
<script type="text/javascript">
  // 右边窗口随动
  function fixedSidebar() {
    var side = $('.sidebar');
    var sideTop = side.offset().top + side.height();
    var h = $('.main').height() - side.height();
    var timer = 300;
    var fixStatus = function() {
        var winHeight = $(window).height();
        var scrollTop = $(document).scrollTop();
        var tempBottom = scrollTop + winHeight - sideTop;
        if (tempBottom > h) {
            tempBottom = h
        };
        if (scrollTop + winHeight > sideTop) {
            side.css({
                position: 'absolute',
                right: '0'
            }).stop(true).animate({
                top: tempBottom
            },
            timer)
        } else {
            side.css({
                position: 'static',
                right: '0'
            }).stop(true).animate({
                top: 0
            },
            timer)
        }
    };
    $(window).scroll(function() {
        fixStatus()
    });
    $(window).resize(function() {
        fixStatus()
    })
};
fixedSidebar();
</script>


© 著作权归作者所有

陈映亮
粉丝 10
博文 130
码字总数 38454
作品 0
深圳
程序员
私信 提问
[实践OK]vim在窗口的最上面显示当前打开文件的路径和文件名,vim移动到指定字符-随意动, vi

[实践OK]vim在窗口的最上面显示当前打开文件的路径和文件名,vim移动到指定字符-随意动, vi 向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除2017-03-2...

向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
2017/03/22
0
0
Xcode常用快捷键总结

SimonXun
2016/09/08
14
0
定位层——css定位属性position及相关属性

定位属性: position 作用:规定html元素的定位类型 值 说明 参照对象 static (默认值)静态定位 无定位,html元素出现在默认文档流中,是默认的定位方式 absolute 绝对定位 相对于非stati...

NiceBlueChai
2018/01/10
0
0
xcode快捷键(二)

新建项目 com + shift +N 新建文件 com + N偏好设置 通用 com + ,跳到指定行 com + L 当前行加断点 com + 移动编辑区最上方 com + 上移动编辑区最下方 com + 下移动光标所在行最左边 com + ...

ziyuzhiye
2017/10/17
0
0
FL Studio 通道设置窗口之常规设置

本章节采用图文结合的方式为大家讲解FL Studio通道设置窗口中的常规设置,使用这款软件中会经常遇到各通道设置参数和选项的设置,本章节主要就是聊聊它的常规设置,感兴趣的朋友可以一起交流...

半夏微凉1989
2017/11/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

linux负载均衡总结性说明 四层负载和七层负载有什么区别

这篇文章主要为大家详细介绍了linux负载均衡的相关资料,什么是负载均衡?四层负载和七层负载有什么区别?具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在常规运维工作中,经常会运用到...

天子剑毅
18分钟前
2
0
mysql in与or效率比较

在网上一直看到的是or和in的效率没啥区别,一直也感觉是这样,前几天刚好在看《mysql数据库开发的36条军规》的文章,里面提到了or和in的效率问题,文中提到or的效率为O(n),而in的效率为O(l...

whatwhowhy
19分钟前
2
0
使用docker 基于pxc镜像搭建mysql高可用集群

前置条件 docker已安装: 第一步:拉取镜像 docker pull percona/percona-xtradb-cluster:5.7.21 第二步:复制重命名镜像(可选) docker tag percona/percona-xtradb-cluster:5.7.21 pxc 第...

小海bug
24分钟前
4
0
windows安装nginx负载均衡

第一步:下载安装nginx 地址:http://nginx.org/en/docs/windows.html 下载完成,比如放在C盘根目录下: cd c:\ unzip nginx-1.15.3.zip //解压文件 cd nginx-1.15.3 //进入目录 start ngin...

你好夜故事
27分钟前
4
0
Jenkins CLI,助你轻松管理 Jenkins

本文首发于:Jenkins 中文社区 作者:Donghui Wang Jenkins CLI,简称 jcli,一个使用 Golang 开发的开源的 Jenkins 命令行工具。 它可以帮忙你轻松地管理 Jenkins。 无论你是 Jenkins 插件开...

Jenkins中文社区
29分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部