有段时间没有碰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. selenium 点击页面链接测试

    点击页面链接测试 http://www.51testing.com/html/21/n-862721.html 需求:现在有一个网站的页面,我希望用python自动化的测试点击这个页面上所有的在本窗口 ...

  2. Automake使用说明

    说明 从零开始编写automake工程非常复杂也没有必要,我们只要能看懂开源项目的automake即可,然后根据自己实际情况进行修改即可,下面给出两个比较好的参考项目,其中spice-gtk涵盖了使用 ...

  3. Find First and Last Position of Element in Sorted Array

    问题:给定一个有序数组和一个目标值,输出目标值在数组中的起始位置和终止位置,如果目标值不在数组中,则输出[-1,-1] 示例: 输入:nums = [1,2,3,5,5,7] target = 5 输 ...

  4. MYSQL数据库设计规范11111

    MYSQL数据库设计规范       1.数据库命名规范         采用26个英文字母(区分大小写)和0-9的自然数(经常不需要)加上下划线'_'组成;         命名简洁明确(长度不能超 ...

  5. android实现简单计算器

    前台代码如下 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:andro ...

  6. xrange与range之间的区别

    对于这两个好像功能都差不多,这两个经常会被搞混,所以今天一定要把这个完全弄清楚. 首先我们看看range: range([start,] stop[, step]),根据start与stop指定的范围 ...

  7. PyCharm中导入第三方包

    在Windows中的PyCharm中导入模块的方法 1.在file-->setting-->project interpreter中 2,点击右上角加号,搜索要添加的第三方库的名称,得到后 ...

  8. docker中容器和镜像的区别

    自学docker过程中一直搞不明白 镜像容器的关系,网上查阅看到一篇文章觉得讲的很好,转载记录. 转自 http://blog.csdn.net/chszs/article/details/48252 ...

  9. thinkphp5.1静态文件存放问题

    5.1的版本不能将静态文件放在application目录下,只能放在public目录下,否则会拒绝访问

  10. php追加数组的问题

    PHP数组合并两种方法及区别 如果是关联数组,如下: 代码如下: $a = array( 'where' => 'uid=1', 'order' => 'uid', ); $b = arr ...