Javascript Skrollr初始化集<;车身>;高度不能太高
我使用Skrollr库为背景创建视差效果。但是,当调用skillor.init()时,正文高度太高,会在页面下方创建额外的空间 这里可以看到问题: HTML: JS: 我不确定是哪个元素使页面过高Javascript Skrollr初始化集<;车身>;高度不能太高,javascript,parallax,skrollr,Javascript,Parallax,Skrollr,我使用Skrollr库为背景创建视差效果。但是,当调用skillor.init()时,正文高度太高,会在页面下方创建额外的空间 这里可以看到问题: HTML: JS: 我不确定是哪个元素使页面过高 skrollr.init({forceHeight: false}); Skrollr确保您实际上可以到达数据底部顶部。如您所见,该间隙允许元素的底部与视口的顶部完全对齐。再次感谢普林松救了我的命!我曾尝试添加{forceHeight:true},但从未解决此问题:/(显然)似乎为了使用skro
skrollr.init({forceHeight: false});
Skrollr确保您实际上可以到达
数据底部顶部
。如您所见,该间隙允许元素的底部与视口的顶部完全对齐。再次感谢普林松救了我的命!我曾尝试添加{forceHeight:true},但从未解决此问题:/(显然)似乎为了使用skrollr“暂停”功能,forceHeight
需要设置为true,对吗?有解决办法吗?无论是暂停以使用forceHeight:false
,还是另一种修复页面底部多余空间的方法?skrollrI中没有暂停功能会出现同样的问题,这确实有帮助。非常感谢。这是一个伟大的图书馆,我希望你(普林霍恩)决定保持它的活力。再次感谢你。
@blue: #293448;
@red: #C1392B;
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
font-family: 'Open Sans', sans-serif;
}
.headrow {
background: @blue;
}
.logo a {
color: #fff;
transition: 0.3s;
&:hover {
text-decoration: none;
color: #eee;
}
}
.topmenu {
text-align: right;
p {
margin-top: 10px;
a {
display: inline-block;
margin: 0 5px;
text-align: right;
}
}
ul {
margin-bottom: 0;
}
li {
display: inline-block;
margin-left: 30px;
a {
color: #eee;
display: block;
padding-bottom: 10px;
border-bottom: 3px solid transparent;
transition: 0.3s;
}
a:hover {
text-decoration: none;
border-bottom: 3px solid @red;
}
.dropdown-menu {
text-align: left;
li {
margin: 0;
display: block;
}
a:hover {
background: #ccc;
}
a {
color: @blue;
border: 0;
transition: 0;
}
}
}
}
.bannerrow {
img { width: 100%; height: auto;}
}
.servicerow {
color: #fff;
padding-bottom: 100px;
background: url(http://i.imgur.com/pIaoyxQ.jpg) no-repeat;
background-size: cover;
header {
margin-top: 60px;
margin-bottom: 20px;
h2 { margin-bottom: 10px; }
p { font-size: 13pt; }
}
}
.column2-box {
border: 1px solid #ddd;
padding: 10px;
margin: 15px 0;
i { font-size: 110px; float: left; }
h3 { margin-top: 0; }
}
$(function() {
$('.dropdown-toggle').dropdown();
$('.dropdown').hover(function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(200);
}, function() {
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(200);
});
var s = skrollr.init({forceHeight: false});
});
skrollr.init({forceHeight: false});