Question

我一直在玩我网站的CSS，现在已经注意到当您在此页面上向下或向上滚动时：http://famigami.com/Testsite/?p=1整个页面会反弹或震动。

本质上，该网站由四个大部分组成：标题，图像，内容和页脚。所有部分都是固定的位置，滚动的内容除外。

有人可以帮我确定网站（所有位置：固定的区域）反弹的原因吗？

可以在此处下载主要CSS文件：http://famigami.com/Testsite/wp-content/themes/customizr/inc/assets/css/blue.min.css

（上面的文件没有在这里正确格式化，而且手动修复的时间太长了）

以下是我的孩子主题CSS文件：

.navbar-inner .social-block {
float: right;
}

.navbar-wrapper .navbar h2 {
text-align: right;
float: left;
}

div.brand.span3 {
position: absolute;
}

div.navbar-wrapper.clearfix.span9 {
float: right;
}

.carousel-caption {
background: rgba(0,0,0,.7);
max-width: 40%; /* was 60% */
margin-left: 2%; /* was 11% */
padding: 1%;  /* was 5% */
position: absolute;
left: 17%;
bottom:0px; /* hugs the bottom of the slider */
}

/* shrink the Title field */
.carousel-caption h1 {
font-size: 24px; /* was inherited from h1 (38.5px) */
line-height: 1; /*was 1.25 */
}

/* shrink the description field */
.carousel-caption .lead {
font-size: 16px; /* was inherited from lead (21 px) */
line-height: 1; /* was 1.25 */
}

.carousel {
width: 42%;
float: left;
position: fixed;
top: 125px;
}

.carousel .item {
height: 699px;
}

#main-wrapper {
width: 57%;
margin:0;
padding: 5px 0 10px 5px;
overflow: auto;
height: 100%;
float: right;
top: 125px;
position: relative;
}

.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container, .span12 {
width: auto;
}

#footer {
bottom:0;
width:100%;
float: left;
position: fixed;
z-index: 100;
}

body {
min-height:100%;
position:relative;
}

footer#footer .colophon .social-block a {
float: left;
}

.row {
margin-left: auto;
}

.tc-header {
position: fixed;
}

.carousel-caption {
max-width: 100%;
margin-left: 0;
padding: 1%;
left: 0;
}

#content.span9 {
width: 695px !important;
}

对于那些使用wordpress的人，你可以默认运行Customizr主题并粘贴我的孩子主题的CSS。请务必停用精选页面（自定义 - ＆gt;首页 - ＆gt;精选页面选项）并启用右侧边栏（自定义 - ＆gt;页面和帖子布局 - ＆gt;全局默认布局）。

滚动时网站会反弹。 CSS问题？

0 个答案: