页面出现滚动条的时候如何让滚动条不影响页面宽度

ttx9n · 发表于 2014-9-4 11:21:52

这篇文章主要介绍了页面出现滚动条的时候如何让滚动条不影响页面宽度，需要的朋友可以参考下设置body的宽度为window的宽度（以下脚本控制）

$("body").css("width", $(window).width());

同时设置body的overflow（样式里写）

body{ overflow-x: hidden;}

ps：

同理，div里面的table也是这样处理

设置tableContainer（样式里写）、tableMain（脚本控制）的宽度等于tableMainHead的宽度

复制代码代码如下:
$(".tableMain").css("width", $(".tableMainHead").css("width"));

设置tableContainer的overflow为hidden（样式里写）

这样做带来一个缺点，就是浏览器窗口大小变化的时候，body里面的内容不能自动居中（原本用百分比做宽度设置的div等是可以使用margin：auto自动居中的，现在将多出来的部分hidden了，就不能自动居中了）

回复用户1 · 发表于 2023-1-27 01:59:35

老大你好你好好你好

gyalp · 发表于 2023-1-30 11:54:30

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

u6h2m4 · 发表于 2023-4-16 09:16:48

天天源码论坛

sykzus · 发表于 2023-8-24 02:58:03

天天源码社区www.tiantianym.com

locopy · 发表于 2024-2-29 22:51:48

逛逛看看瞧瞧

3mfwk4yf · 发表于 2024-6-23 07:51:03

逛逛看看瞧瞧

dingzhi521 · 发表于 2024-8-21 13:20:02

源码源码源码源码源码源码源码源码源码源码源码源码源码

e5plu · 发表于 2024-9-18 02:37:40

这个源码不错啊

黑白键 · 发表于 2024-9-26 10:45:36

老大你好你好好你好

账号		自动登录	找回密码
密码			立即注册

[心得技巧] 页面出现滚动条的时候如何让滚动条不影响页面宽度

相关帖子