Javascript Skrollr销毁取消车身100%高度
好的,我使用的是bootstrap 3和skrollr.js,我的页面顶部有一个全屏英雄单元,上面有一个简单的skrollr视差效果。我也有一些js在768的宽度上“激活”和“破坏”skrollr。这很好,但是当我调整浏览器窗口的大小时,由于某种原因,Javascript Skrollr销毁取消车身100%高度,javascript,twitter-bootstrap,height,skrollr,Javascript,Twitter Bootstrap,Height,Skrollr,好的,我使用的是bootstrap 3和skrollr.js,我的页面顶部有一个全屏英雄单元,上面有一个简单的skrollr视差效果。我也有一些js在768的宽度上“激活”和“破坏”skrollr。这很好,但是当我调整浏览器窗口的大小时,由于某种原因,高度:100%不会应用于身体 我相信这个问题在我的skrollr js中的某个地方,即: $(function () { // initialize skrollr if the window width is large enough
高度:100%
不会应用于身体
我相信这个问题在我的skrollr js中的某个地方,即:
$(function () {
// initialize skrollr if the window width is large enough
if ($(window).width() > 768) {
skrollr.init({forceHeight: false,smoothScrolling: true, smoothScrollingDuration: 1500});
}
// disable skrollr if the window is resized below 768px wide
$(window).on('resize', function () {
if ($(window).width() <= 768) {
skrollr.init().destroy(); // skrollr.init() returns the singleton created above
}
});
});
$(函数(){
//如果窗口宽度足够大,则初始化skrollr
如果($(窗口).width()>768){
init({forceHeight:false,smoothScrolling:true,smoothScrollingDuration:1500});
}
//如果窗口的大小调整到768px以下,则禁用skrollr
$(窗口).on('resize',函数(){
if($(window).width()我通过将!important
添加到高度:100%;
在正文和html标记上解决了这个问题
并将我的start-skrollr.js更改为:
$(function () {
if ($(window).width() > 767) {
skrollr.init({forceHeight: false,smoothScrolling: true, smoothScrollingDuration: 1500});
}
});
不需要.js文件的最后一部分。因此,我通过将!important
添加到高度:100%;
来修复此问题。
但现在,当我调整浏览器备份大小时,skrollr不会打开。