• 使两个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>
  • 相关阅读:
    ◆◆0凭证(Tcode)跳转(SET PARAMETER ID)
    [问题解决]ALV新加字段不显示
    8-Noise & Error
    5-ML的可行性(2)
    4-ML的可行性(1)
    6-ML的可行性(3)
    1-ML的基本概念
    基于SmartQQ协议的QQ聊天机器人-8
    基于SmartQQ协议的QQ聊天机器人-7
    基于SmartQQ协议的QQ聊天机器人-6
  • 原文地址:https://www.cnblogs.com/Pharaoh/p/458995.html
Copyright © 2020-2023  润新知