• 使两个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>
  • 相关阅读:
    数据库事务的4种隔离级别
    线程竞争与同步
    flex 1与flex auto
    React环境搭建
    vue与mapbox
    前端-URL到页面显示的全过程
    监听滚动事件
    点击上下箭头,页码发生改变
    鼠标滑过元素,div显示,并根据scrollTop向下移动
    KB/MB/GB。。单位换算
  • 原文地址:https://www.cnblogs.com/Pharaoh/p/458995.html
Copyright © 2020-2023  润新知