fullpage.js滑块。绝对块的问题。铬

时间:2016-02-10 16:08:47

标签: javascript jquery css fullpage.js

滑块控件和任何位置滑块我都遇到问题:滑块部分是绝对的。



WCF

$(document).ready(function() {
    $('#fullpage').fullpage();
});

.slide { 
  text-align: center
}
.section {
  text-align: center;
}

.absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  text-align: center;
  background: red;
  z-index: 2;
}

.slide1 {
  background: #cccccc;
}
.slide2 {
  background: #C3C3C3;
}

.section2 {
  background: green;
}




如果你向下滑动 - 一切都很好。但是如果你使用滑块然后会向下滑动。该页面将显示没有滑块控件(和绝对块)。

我无法找到它发生的原因。问题仅出现在Chrome和Opera中。

更新 以下是jsfiddle:https://jsfiddle.net/nfL5w9yL/1/

1 个答案:

答案 0 :(得分:0)

整页将z-index:1添加到fp-slides 最近有同样的问题,我不知道您是否找到了解决方案,但是我的解决方案是从fp-slides中删除z-index!

奇怪的是,在我的情况下,导航按钮没有受到影响,只有我的位置绝对div