在前端页面开发中，经常会遇到页面滚动位置不正确的问题。其中一个常见的问题是在使用Chrome 61浏览器时，页面的body元素无法滚动。
问题分析
通过对该问题进行分析，可以得出以下结论：
- 该问题只出现在Chrome 61浏览器上，其他浏览器不存在该问题。
- 该问题与CSS样式有关。
- 该问题涉及到滚动容器的设置。
解决方案
方案一：使用固定高度的div容器
该方案的思路是在body元素外部套一层固定高度的div容器，并设置overflow-y属性为auto来实现滚动。代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- --------------------
-------
---- -
------- --
-------- --
-
---------- -
------- ------
----------- -----
-
--------
-------
------
---- ------------------
---- ---- ---
------
-------
-------方案二：使用fixed定位的元素
该方案的思路是在页面中添加一个fixed定位的元素，并将其宽度和高度都设置为100%。代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- --------------------
-------
---- -
------- --
-------- --
------- -----
-
------ -
--------- ------
------ -----
------- -----
----------- -----
-
--------
-------
------
---- -----------
---- ---- ---
------
-------
-------总结
以上两种方案都可以有效地解决Chrome 61中页面无法滚动的问题。但是，第一种方案可能会导致整个页面向上移动一段距离，而第二种方案则需要在页面中添加一个额外的元素。
因此，在实际开发中，需要根据具体情况选择最适合自己项目的解决方案。同时，也应该注意CSS样式对页面滚动的影响，以避免类似的问题再次出现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15652