以文本方式查看主题

-  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=192692)

--  作者:ycs5801
--  发布时间:2024/7/12 23:32:00
--  同一个页面,怎样可以嵌套的div单独滚动?
先增加了页面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中的内容可以上下滚动,我这样设置还是不动。

--  作者:有点蓝
--  发布时间:2024/7/13 8:45:00
--  
必须要指定高度,才可以滚动。试试

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

--  作者:ycs5801
--  发布时间:2024/7/13 9:05:00
--  
除了上边的代码,额外加了这句“ position: absolute;”,可以了。
--  作者:ycs5801
--  发布时间: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;
}

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

--  作者:有点蓝
--  发布时间:2024/7/13 10:40:00
--  
这种只能自行去浏览器开发者工具分析加载新页面后的页面样式使用情况
--  作者:ycs5801
--  发布时间:2024/7/13 10:53:00
--  
我在被提取的页面函数内加入了这句:    wb.InsertHTML("class=\'exui-scrollview\' style=\'overflow-y:auto;height:100%;")
还是不行。

--  作者:ycs5801
--  发布时间:2024/7/13 12:34:00
--  
在电脑上的谷歌浏览器里没问题,在手机上就不行
--  作者:有点蓝
--  发布时间:2024/7/13 12:55:00
--  
https://www.baidu.com/s?wd=%E9%80%9A%E8%BF%87Chrome%E6%B5%8F%E8%A7%88%E5%99%A8%E8%B0%83%E8%AF%95%E6%89%8B%E6%9C%BA%E7%BD%91%E9%A1%B5
--  作者:ycs5801
--  发布时间:2024/7/13 13:21:00
--  
我现在就是在谷歌的浏览器中调试,正常,但是手机浏览器打开就不行了。请问应该具体怎样调试css?
--  作者:有点蓝
--  发布时间:2024/7/13 13:42:00
--  
是在谷歌的浏览器中调试你手机中正在打开的网页,不是调试电脑浏览器里的网页。仔细看看网上的用法。