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


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

主题:如何让DIV滚动时整个页面不上下滚动

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


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

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

 

滚动到div底部之后,再滚动肯定影响整个页面的。


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | 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的高度,这样就不会出现滚动条。


 回到顶部