-
Notifications
You must be signed in to change notification settings - Fork 70
常见问题汇总
Lipten Chen edited this page Jun 3, 2019
·
2 revisions
目前出现比较频繁的问题一般都是滚动的问题,由于本插件的超出屏幕滚动功能是需要计算每一屏下的第一个容器元素的高度来进行平滑滚动或整屏滚动的判断,为了避免发生问题和减少重复issues,请确保您的项目开发中能满足下列要求:
- slide-page元素下第一层子级必须只有一个容器元素(container),不能有container同级的多个元素,就像这样:
<div class="slide-page page4">
<div class="container">
这是内容
</div>
<!-- <div class="container2"></div> 无效元素 -->
</div>
-
container元素默认是
height: auto
如果需要设置height:100%
来填充全屏背景,最好是在已知内容不会超出屏幕高度的情况下设置,否则也会造成插件计算container高度出错导致滚动问题。 -
container元素高度必须是可被
offsetHeight
获取的高度值,避免使用margin
、outline
等不被计入高度的属性,子级元素也要考虑用margin是否会影响container的计算不到真实高度,否则也会导致container计算高度出错导致滚动问题。
目前兼容ie10以上的主流浏览器,如有发现不兼容的情况麻烦提issues