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>
  • 相关阅读:
    FileManager(文件管理类)
    XE6 IntraWeb.v14.0.32安装及破解指南
    在应收应付系统凭证做冲销后,如何取消冲销?
    delphi将图片保存到SQL数据库和读取图片
    去掉cxgrid 中的过滤下拉箭头
    CxGrid 分组以后自动排序了,可以禁止自动排序吗
    最简单解决CHM文件无法显示的办法
    用友T3、T6常见问题
    SQL2005还原数据库3154错误
    cxGrid 怎样才能让不自动换行 WordWrap:=false
  • 原文地址:https://www.cnblogs.com/Pharaoh/p/458995.html
Copyright © 2011-2022 走看看