请教，使用bootstrap模态框页面放大缩小浏览器横向滚动条消失_bootstrap吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：13,294贴子：
请教，使用bootstrap模态框页面放大缩小浏览器横向滚动条消失收藏
没有弹出模态框的时候，浏览器放大缩小纵向横向滚动条是存在的，弹出模态框之后横向滚动条消失了之前：之后：
登录百度帐号推荐应用html bootstrap 表头固定在顶部，表列 可以自由滚动的效果
时间： 15:30:37
&&&& 阅读：1808
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&该效果主要是依照 bootstrap 的一个样式，class="navbar-fixed-top";
参考网址为：/components/#navbar-fixed-top
贴上代码。
1 &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
2 &html xmlns="http://www.w3.org/1999/xhtml"&
4 &meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
5 &title&无标题文档&/title&
6 &script type="text/javascript" src="js/jquery2.0.3.min.js"&&/script&
7 &script type="text/javascript" src="js/bootstrap.min.js"&&/script&
8 &link rel="stylesheet" href="css/bootstrap.min.css"&
9 &link rel="stylesheet" href="css/bootstrap-theme.min.css"&
10 &style&
11 .table tr th,.table tr td{ width:25% !important;}
12 &/style&
13 &/head&
16 &nav class="navbar navbar-default navbar-fixed-top" role="navigation"&
&div class="container"&
&table class="table
table-bordered" style="margin-top:9"&
&th&dksliesjfd&/th&
&th&dksliesjfd&/th&
&th&dksliesjfd&/th&
&th&dksliesjfd&/th&
28 &div class="container" style="margin-top:80"&
&table class="table table-bordered"&
&td&dksliesjfd dsdsdsliesjfd dsdsdssliesjfd dsdsdssliesjfd dsdsdssd&/td&
&td&时光深处，岁月静好.时光深处，岁月静好.时光深处，岁月静好.&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
222 &/div&
223 &/body&
224 &/html&
&还有一种方法，是 position: top:0;也是可以固定在顶部。
但是，bootstrap 可以自适应网页，简单快捷。标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&国之画&&&& &&&&chrome插件
版权所有 京ICP备号-2
迷上了代码！在开发项目中，需要将表格头部固定，而且表格大多数情况下是会水平滚动的。项目的css框架是bootstrap 3，故也可以叫做bootstrap table。
需要实现的是：表格头部固定，并且支持水平滚动
html code(source table):
&table id="top_fix_table" border="0" cellpadding="4" cellspacing="0" class="table table-hover"&
&tr id="table_head"&
&td&Test&/td&
stylesheet code:
#fixed_table #fix_head{
background: #FFFFFF;
box-shadow: 0px 0px 5px #888888;
JS代码按效果不同有一些不同
效果一 是浏览器滚动条滚动，头部固定:
效果二 内容内部滚动，固定表格头部。js,html是基于效果一，Html,js,css 代码相对效果一有增加。
附生成 codepen.io中table thead和tbody 内容的php code:
$count = 30;
echo '&tr id="table_head"&';
for($i=0;$i&$count;$i++){
echo "&td&Test{$i}&/td&";
echo '&/tr&';
echo "content trs---------------\r\n";
$content_count = 30;
for($i = 0; $i & $content_count;$i++){
echo '&tr&';
for($j = 0;$j & $count;$j++){
echo "&td&content".($i+1)."&/td&";
echo '&/tr&';
如果当前电脑没有PHP运行环境，可以百度:&php代码在线运行&，点击进入搜索结果列表的一个，然后将php代码复制进代码输入框中，运行之后应该就可以看到生成的有tr td 内容的字符串。
参考文档：
& & 实现了固定头部的水平滚动
& javascript 主要代码来源
& 学习获取元素实际宽度
&解决Firefox浏览器下table宽度不识别
&效果二中，需要实现 滚定头部不遮住内容滚动条，所以需要设定宽度。笔者是按照回答得到思路，笔者偷懒直接加一个div，直接获取这个div的宽度，就获取内容区的宽度了。
阅读(...) 评论()