以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  如何让DIV滚动时整个页面不上下滚动  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=122301)
--  作者：bobolan521
--  发布时间：2018/7/22 20:05:00
--  如何让DIV滚动时整个页面不上下滚动
请教一下老师 ，如何让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编辑过]
--  作者：有点甜
--  发布时间：2018/7/22 20:23:00
--  

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

 

滚动到div底部之后，再滚动肯定影响整个页面的。
--  作者：bobolan521
--  发布时间：2018/7/22 20:27:00
--  
意思是整个页面不允许滚动，还有在手机上为什么显示不出来滚动条呢？

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

用的手机是IPHONE
[此贴子已经被作者于2018/7/22 20:31:40编辑过]
--  作者：bobolan521
--  发布时间：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编辑过]
--  作者：有点甜
--  发布时间：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的高度，这样就不会出现滚动条。