Bootstrap,全屏网站:div上的滚动条

时间:2012-08-13 12:24:33

标签: html5 css3 twitter-bootstrap

我正在制作一个全屏网站,我希望有一个可滚动的div来显示文本内容;这是我的页面:http://www.jeremy-dutheil.fr/barconniere/pages/enterprise

你可以看到滚动条出现在身体上,但这不是我想要的;我希望滚动条只出现在div内容上,而不是出现在主体上。

有什么想法吗?

由于

1 个答案:

答案 0 :(得分:1)

在global.css中应用此样式

第109行我认为,在#enterprise #textContainer {}

中改变你的风格

像这样...

#enterprise #textContainer {
 background-color: #FFFFFF;
 height: 445px;
 margin: 20px auto;
 overflow: auto;
 padding: 20px 0 20px 20px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }

此代码只是为了向您展示滚动条的div如何显示。您可以根据自己的喜好进一步自定义。

上面的样式代码应输出类似于[BELOW IMAGE]的页面。看看那个滚动条,它很可爱。THIS ONE