Foxtable(狐表)用户栏目专家坐堂 → 同一个页面,怎样可以嵌套的div单独滚动?


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

主题:同一个页面,怎样可以嵌套的div单独滚动?

帅哥,在线噢!
ycs5801
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1060 积分:7549 威望:0 精华:0 注册:2009/6/24 9:44:00
同一个页面,怎样可以嵌套的div单独滚动?  发帖心情 Post By:2024/7/12 23:32:00 [只看该作者]

先增加了页面page1,并且设置了固定不动:
wb.AddPage("", "page1").Attribute = "style='position: fixed;top: 0;left: 0;right:0;z-index:9999;'"
。。。
向page1中增加了form1:
wb.AddForm("page1", "form1", "select.htm")
With wb.AddButtonGroup("form1", "btn", False)
...
又增加了p1:
wb.InsertHTML("page1", ExWeUI.WebUI.AddHtmlTag("", "p1", "div", , "class'exui-scrollview' style=overflow-y:auto;' ").buildhtml)

现在想让p1中的内容可以上下滚动,我这样设置还是不动。

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:108521 积分:552082 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/7/13 8:45:00 [只看该作者]

必须要指定高度,才可以滚动。试试

wb.InsertHTML("page1", "<div id='p1' class='exui-scrollview' style='overflow-y:auto;height:100%'></div>")

 回到顶部
帅哥,在线噢!
ycs5801
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1060 积分:7549 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 9:05:00 [只看该作者]

除了上边的代码,额外加了这句“ position: absolute;”,可以了。

 回到顶部
帅哥,在线噢!
ycs5801
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1060 积分:7549 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 10:29:00 [只看该作者]

js代码:
绑定点击日期事件,运行提取页面函数:
 bindDateClickEvents();

    function bindDateClickEvents() {
          var liElements = document.querySelectorAll('li');
    liElements.forEach(function(li) {
      li.addEventListener('click', function() {
     
 calendarDate.textContent = year + "年" + month + "月" + li.textContent + "日"; //将点击的具体哪一天生成日期显示在顶端
 sendJsonObject();
   });
    });
    }
function sendJsonObject(){
    var obj=new Object();
    obj.type = lastExecutedFunction;
    obj.riqi=calendarDate;
    var result = sendAjaxJSON(obj,"renamecxtq.htm","",false);
    console.log("1");
    document.getElementById("p1").innerHTML=result;
}

新的问题,当我刚开始进入这个页面时候,可以上下滚动,但是当我点击日期进行重新调取后台页面时候,则调取后的页面无法滚动。

 回到顶部
帅哥,在线噢!
有点蓝
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:108521 积分:552082 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/7/13 10:40:00 [只看该作者]

这种只能自行去浏览器开发者工具分析加载新页面后的页面样式使用情况

 回到顶部
帅哥,在线噢!
ycs5801
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1060 积分:7549 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 10:53:00 [只看该作者]

我在被提取的页面函数内加入了这句:    wb.InsertHTML("class='exui-scrollview' style='overflow-y:auto;height:100%;")
还是不行。

 回到顶部
帅哥,在线噢!
ycs5801
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1060 积分:7549 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 12:34:00 [只看该作者]

在电脑上的谷歌浏览器里没问题,在手机上就不行

 回到顶部
帅哥,在线噢!
有点蓝
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:108521 积分:552082 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/7/13 12:55:00 [只看该作者]


 回到顶部
帅哥,在线噢!
ycs5801
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1060 积分:7549 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 13:21:00 [只看该作者]

我现在就是在谷歌的浏览器中调试,正常,但是手机浏览器打开就不行了。请问应该具体怎样调试css?

 回到顶部
帅哥,在线噢!
有点蓝
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:108521 积分:552082 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/7/13 13:42:00 [只看该作者]

是在谷歌的浏览器中调试你手机中正在打开的网页,不是调试电脑浏览器里的网页。仔细看看网上的用法。

 回到顶部
总数 14 1 2 下一页