zoukankan      html  css  js  c++  java
  • 使两个DIV滚动条同时滚动

    问题提出:http://www.cnblogs.com/trueben/archive/2006/07/24/458370.html
    见下面的例子:滚动左边的DIV时,右边的DIV同步滚动。
    原理很简单,在左边的DIV的onscroll事件中,设置右边的DIV的scrollTop与左边的相同即可。

     
    代码如下:
    <html>
        
    <head>
    <style>
        DIV 
    {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
        body 
    {margin:0;background-color : transparent;}
        
    </style>
    </head>
    <body>
    <!--
    <div onscroll="ToScroll.scrollTop = this.scrollTop;"> 
    -->
    <div onscroll="document.getElementById('ToScroll').scrollTop = this.scrollTop;"> 
    1. re: 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上? 
    评论内容较长,点击标题查看 
    --quitgame 
    2. re: 请教高手,如何取得Target属性 
    评论内容较长,点击标题查看 
    --quitgame 
    3. re: 请教高手,如何取得Target属性 
    评论内容较长,点击标题查看 
    --trueben 
    4. re: 请教高手,如何取得Target属性 
    Request.QueryString["target"]; 
    --wudebin 
    5. re: [急]请教:如何防止同时访问相同页面? 
    评论内容较长,点击标题查看 
    --Pharaoh 
    阅读排行榜
    1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235) 
    2. [急]请教:如何防止同时访问相同页面?(160) 
    3. 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?(155) 
    4. 请教高手,如何取得Target属性(141) 

    </div>

    <div id="ToScroll" style="left:220px;position:absolute;top:0px;">
    1. re: 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上? 
    评论内容较长,点击标题查看 
    --quitgame 
    2. re: 请教高手,如何取得Target属性 
    评论内容较长,点击标题查看 
    --quitgame 
    3. re: 请教高手,如何取得Target属性 
    评论内容较长,点击标题查看 
    --trueben 
    4. re: 请教高手,如何取得Target属性 
    Request.QueryString["target"]; 
    --wudebin 
    5. re: [急]请教:如何防止同时访问相同页面? 
    评论内容较长,点击标题查看 
    --Pharaoh 
    阅读排行榜
    1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235) 
    2. [急]请教:如何防止同时访问相同页面?(160) 
    3. 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?(155) 
    4. 请教高手,如何取得Target属性(141) 

    </div>
    </body>
    </html>
  • 相关阅读:
    Blob格式数据处理以及DataTable问题处理
    JavaScript 与 jQuery-简记
    JFinal-学习笔记(下)
    JFinal学习笔记
    工作记录
    读书笔记——计算机科学导论
    面试经验大全
    如何在liunx系统发布项目
    面试必备
    最全面的测试用例
  • 原文地址:https://www.cnblogs.com/Pharaoh/p/458995.html
Copyright © 2011-2022 走看看