From 988fc35a20e30371367aeca6e9ef6ecf63e56812 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= Date: Sat, 25 Jan 2020 16:26:47 +0800 Subject: [PATCH] docs(List): add overflow-x faq --- src/list/README.zh-CN.md | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/src/list/README.zh-CN.md b/src/list/README.zh-CN.md index 3d741d24f..1d4d3075b 100644 --- a/src/list/README.zh-CN.md +++ b/src/list/README.zh-CN.md @@ -219,3 +219,27 @@ List 初始化后会触发一次 load 事件,用于加载第一屏的数据, ### 使用 float 布局后一直触发加载? 若 List 的内容使用了 float 布局,可以在容器上添加`van-clearfix`类名来清除浮动,使得 List 能正确判断元素位置 + +```html + +
+
+
+
+
+ +``` + +### 在 html、body 上设置 overflow 后一直触发加载? + +如果在 html 和 body 标签上设置了`overflow-x: hidden`样式,会导致 List 一直触发加载。 + +```css +html, +body { + overflow-x: hidden; +} + +``` + +这个问题的原因是当元素设置了`overflow-x: hidden`样式时,该元素的`overflow-y`会被浏览器设置为`auto`,而不是默认值`visible`,导致 List 无法正确地判断滚动容器。解决方法是去除该样式,或者在 html 和 body 标签上添加`height: 100%`样式。