Foxtable(狐表) → 用户栏目 → 专家坐堂 → 如何让DIV滚动时整个页面不上下滚动


  共有1845人关注过本帖树形打印复制链接

主题：如何让DIV滚动时整个页面不上下滚动
帅哥哟，离线，有人找我吗？
bobolan521
 小大  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：三尾狐 帖子：631 积分：7206 威望：0 精华：1 注册：2013/11/26 7:49:00 		如何让DIV滚动时整个页面不上下滚动  发帖心情 Post By：2018/7/22 20:05:00 [只看该作者]

请教一下老师 ，如何让DIV滚动时整个页面不上下滚动
Select Case e.Path
    Case "test2.htm"
        Dim wb As New WeUI
        Dim txt As String = "由各种物质组成的巨道."
        wb.InsertHTML("<div style='height: 335px;width:300px;overflow:scroll; overflow-y :yes'>")
        With wb.AddPanelGroup("","pg1","图文组合列表")
            .Attribute= "style='width:100px;height:auto'"
            .Add("pn1","标题一",txt,"./images/button.png").Attribute=""
            .Add("pn2","标题二",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
            .Add("pn3","标题三",txt,"./images/button.png").Attribute=""
        End With
        wb.InsertHTML("</div>")
   
        wb.AddForm("","form1","test2.htm")
        
        With wb.AddInputGroup("form1","ipg2","备注")
            .AddTextArea("bz",5).Placeholder = "请输入200字以内的备注"
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "确定", "submit")
        End With
        
        e.WriteString(wb.Build) '生成网页
End Select
[此贴子已经被作者于2018/7/22 20:05:45编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：版主 帖子：85326 积分：427815 威望：0 精华：5 注册：2012/10/18 22:13:00 		  发帖心情 Post By：2018/7/22 20:23:00 [只看该作者]

你给的代码我测试没问题。请说明如何测试。

 

滚动到div底部之后，再滚动肯定影响整个页面的。
 回到顶部
帅哥哟，离线，有人找我吗？
bobolan521
 小大  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：三尾狐 帖子：631 积分：7206 威望：0 精华：1 注册：2013/11/26 7:49:00 		  发帖心情 Post By：2018/7/22 20:27:00 [只看该作者]

意思是整个页面不允许滚动，还有在手机上为什么显示不出来滚动条呢？

现在滚动的时候，有时候是页面在滚动，DIV没滚动，要很小心，才能只滚动DIV

用的手机是IPHONE
[此贴子已经被作者于2018/7/22 20:31:40编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
bobolan521
 小大  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：三尾狐 帖子：631 积分：7206 威望：0 精华：1 注册：2013/11/26 7:49:00 		  发帖心情 Post By：2018/7/22 20:35:00 [只看该作者]

网上查了一个说可以增加一个CSS 来固定BODY,可是不会，麻烦老师赐教

  1. document.body.addEventListener('touchmove', function (event) {
  2. event.preventDefault();
  3. }, false);
[此贴子已经被作者于2018/7/22 20:36:50编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：版主 帖子：85326 积分：427815 威望：0 精华：5 注册：2012/10/18 22:13:00 		  发帖心情 Post By：2018/7/22 22:36:00 [只看该作者]

以下是引用bobolan521在2018/7/22 20:27:00的发言：
意思是整个页面不允许滚动，还有在手机上为什么显示不出来滚动条呢？

现在滚动的时候，有时候是页面在滚动，DIV没滚动，要很小心，才能只滚动DIV

用的手机是IPHONE
[此贴子已经被作者于2018/7/22 20:31:40编辑过]

 

1、手机浏览器默认是没有滚动条的，如果要显示，修改样式

 

https://www.baidu.com/baidu?wd=%E6%89%8B%E6%9C%BA%E6%B5%8F%E8%A7%88%E5%99%A8+%E6%98%BE%E7%A4%BA%E6%BB%9A%E5%8A%A8%E6%9D%A1

 

2、你在哪部分滚动就会执行哪部分的滚动条，如果点击的是div，在里面滚动我测试没问题，我用android测试

 

3、如果你页面的高度超过了手机的高度，肯定是有滚动条的，怎么可能页面不滚动？不滚动的话多出来的页面怎么显示？

 

如果你希望上部分、下面部分固定，中间的div高度任意变化，你需要使用js获取浏览器高度，然后设置div的高度，这样就不会出现滚动条。
 回到顶部
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.04297 秒, 4 次数据查询