有段时间没有碰Web端了，最近做了个功能，需要做个DIV随滚动条滚动而滚动，mark一下：

源码：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 <title>div随滚动条滚动而滚动</title>

 <style type="text/css">

     #divContainer{width:1200px;height:1800px;border:1px solid #0000FF;margin:0px auto;}

     /*

         设置div固定显示在屏幕位置时，定位计算公式：

         left:50% + margin-left:±（页面内容部分宽度+div宽度+间隔像素）

     */

     #divMain{width:500px;height:400px;margin:0px auto;position:fixed;top:50%;left:50%;border:1px solid #ff0000;text-align:center;line-height:400px;margin:-200px 0px 0px -350px;}

 </style>

 </head>

 <body>

     <div id="divContainer">

         <div id="divMain">

             <span>div随滚动条滚动而滚动</span>

         </div>

     </div>

 </body>

 </html>

预览效果：

aaarticlea/png;base64,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" alt="" />

该功能实现方式使用CSS实现，使用jQuery也能实现同样的功能。

设置DIV随滚动条滚动而滚动的更多相关文章

  1. [聊天框]让DIV的滚动条自动滚动到最底部 - 4种方法

    要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息. 聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条. ...

  2. 如何通过JQuery将DIV的滚动条滚动到指定的位置

    这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位. var container = $('div'), inner = $('#inner'); container.scrol ...

  3. jquery控制div随滚动条滚动效果

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery div随滚动条 ...

  4. 滚动条ScrollViewer防止滚动时按内容跳跃式滚动的设置

    原文:滚动条ScrollViewer防止滚动时按内容跳跃式滚动的设置 属性中将CanContentScroll设置为False,滚动时就不会跳了,会连续的滚动

  5. 让DIV的滚动条自动滚动到最底部 - 3种方法

    要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息. 聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条. ...

  6. 设置div自适应高度滚动

    <body> <div id="divc" style="overflow: auto;"> </div> <a id ...

  7. 让DIV随滚动条滚动

    $(window).scroll(function(event){        //JQ监听滚动条 $('DIV').css("top", $(window).scrollTop ...

  8. JS 怎么控制某个div的滚动条滚动到顶部？ （已解决）

    获取这个元素,然后设置它的滚动条的位置为初始位置(0,0). document.getElementById(..).scrollTop = 0;

  9. 用 mCustomScrollbar 滚动条插件实现滚动更新添加数据

    在公司的一个小项目中,需要从后台获取一大堆数据,为了用户体验的考虑,需要分部加载,然后就在网上找了很多的滚动插件,终于找到一个合适的.mCustomScrollbar插件地址 点击这里 它有各种各样的 ...

随机推荐

  1. github怎么创建一个项目，怎么添加一个ssh-key的客户

    1.第一步:打开https://github.com/,登陆成功.单击猫图标,进入页面,单击[start a project] 第二步:输入项目名称,选择public公有,不收费的.单击确认成功. 第 ...

  2. Linux下磁盘加密luks使用

    使用luks加密磁盘,磁盘需要映射才可以挂载,映射的时候需要输入密码验证.luks相对于是对硬盘上了一把锁,要想打开就得有相应的钥匙,如果打开了就可以随意操作了,和普通硬盘一样. 使用方法如下: 0. ...

  3. JavaWeb_打包web应用war

    使用下面的语句进行打包 jar -cvf aa.war news 打包之后的文件可以直接放在tomcat的webapps里面,一旦启动tomcat,会自动解压aa.war文件.

  4. pythonDB api的学习

    有时候需要操作数据库,为了能使用统一的接口访问,我们采用Python DB API,地址为 https://www.python.org/dev/peps/pep-0249/ 全文参考---“疯狂的蚂 ...

  5. Javascript中对文字编码的三个函数

    JavaScript中对文字编码主要有3个函数 escape,encodeURI, encodeURIComponent 相应3个解码函数 unescape, decodeURI, decodeURI ...

  6. 滴滴Booster移动APP质量优化框架 学习之旅 三

    推荐阅读: 滴滴Booster移动App质量优化框架-学习之旅 一 Android 模块Api化演练 不一样视角的Glide剖析(一) 滴滴Booster移动App质量优化框架-学习之旅 二对重复资源 ...

  7. 洛谷P3757 [CQOI2017]老C的键盘

    传送门 首先可以直接把整个序列建成一个完全二叉树的结构,这个应该都看得出来 然后考虑树形dp,以大于为例 设$f[i][j]$表示$i$这个节点在子树中排名第$j$位时的总方案数(因为实际只与相对大小 ...

  8. wamp的HTTPS配置

    1.需要去申请ssl证书 2.打开wamp的apache的配置文件:httpd.conf 找到 LoadModule ssl_module modules/mod_ssl.so Include con ...

  9. Solidity 最新 0.5.8 中文文档发布

    本文首发于深入浅出区块链社区 热烈祝贺 Solidity 最新 0.5.8 中文文档发布, 这不单是一份 Solidity 速查手册,更是一份深入以太坊智能合约开发宝典. 翻译说明 Solidity ...

  10. Python简易购物车程序

    2019年5月24日,是我离开北京回学校的日子.我退了组的房子,辞了工作,带着对小秋香不舍回家,这匆匆一别,不知何时才是归期. 这几天都疏于学习,因为每一天我都会和她找点有意思的事情来做,如果这一别就 ...