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


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

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

帅哥哟,离线,有人找我吗?
ycs5801
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望: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中的内容可以上下滚动,我这样设置还是不动。

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 9:05:00 [显示全部帖子]

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

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望: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;
}

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

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望: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
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 12:34:00 [显示全部帖子]

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

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 13:21:00 [显示全部帖子]

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

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 14:09:00 [显示全部帖子]

 function bindDateClickEvents() {
    var liElements = document.querySelectorAll('li');
    liElements.forEach(function(li) {
      li.addEventListener('click', function() {
      
 calendarDate.textContent = year + "年" + month + "月" + li.textContent + "日"; //将点击的具体哪一天生成日期显示在顶端
sendJsonObject();
   });
    });
    }

应该是这个地方执行不对,我在其它单独按钮的地方执行这个函数没问题,但是在这个日期绑定中的则出错。

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/13 19:16:00 [显示全部帖子]

刚才试了一下,用安卓手机没问题,这说明苹果手机的浏览器和这个代码有不兼容的问题,不想在这个上边深入研究了。如果我只是想实现调用的div增加上滚动的功能,还有没有别的方式可行?我想换个方式应该就可以了。比如说能不能在被调取的页面中提前增加滚动样式?

 回到顶部
帅哥哟,离线,有人找我吗?
ycs5801
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1064 积分:7581 威望:0 精华:0 注册:2009/6/24 9:44:00
  发帖心情 Post By:2024/7/15 10:02:00 [显示全部帖子]

我意思不是更改滚动的方式,是想能不能把这个滚动的代码放到别的地方?

 回到顶部