滚动WebPage时如何移动面板? [英] how to move panel , when we scrol WebPage?

查看:68
本文介绍了滚动WebPage时如何移动面板?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述


我的网络表单中有一个面板.
我想通过滚动页面来移动面板.
如果用户垂直滚动页面,那么我想移动面板
与scrool页面.
我该怎么做?

Hi,
i have a panel in my webform.
i want to move the panel with the scrolling of page.
if user scroll the page vertically, then i want to move the panel
with the page scrool.
How can i do this?

推荐答案



根据您的要求尝试此代码.

Hi,

try this code for your requirement .

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language ="javascript" >
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

      <div id="scrollingdiv" style=" position :fixed; left :0px; top:150px;">
       This part is scrolled with scrolling page<br />
        This part is scrolled with scrolling page<br />
         This part is scrolled with scrolling page<br />
          This part is scrolled with scrolling page<br />
           This part is scrolled with scrolling page<br />

      </div>
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
      <br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    </form>
</body>
</html>

panel is nothig but div right.Here you can set where your content floats along with page scrolling

All the best


这篇关于滚动WebPage时如何移动面板?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆