防止自定义游标展开页
防止自定义游标展开页
提问于 2019-03-14 15:19:39
我使用的是自定义游标，但是当它位于页面底部时，它正在扩展页面的高度。有什么办法可以防止这种情况吗？
我尝试使用Javascript获取页面的初始高度，然后将max-height设置为主体，但它不起作用。
要测试此问题，您可以检查此码页并将光标移到窗口底部，您将看到滚动条展开。
编辑：我在一个完整的页面上使用自定义游标，它必须保持滚动页面的能力，但是一旦到了页面的底部，光标就不应该展开它。
编辑2 :这里是我的布局：
<body>
<div class="cursor-fix"> <!-- the wrapper to fix the problem -->
<header></header>
<div class="content"></div>
<footer></footer>
</div>
</body>回答 1
Stack Overflow用户
发布于 2019-03-14 16:12:05
如果我的理解是正确的，你希望人们能够正常地使用光标，但是现在，当它到达页面底部时，圆圈的下半部会导致页面的大小变大。
在这种情况下，将页面包装在一个具有overflow: hidden的容器中，但使该容器使用页面的全部高度(取决于页面的布局，如果给出完整的页面布局，我可以更具体地说明如何做)。这样，它们就可以使用body元素的溢出在页面中滚动，但不能更改“游标”容器的大小，因为它的溢出设置为隐藏的。
如果您对固定大小没有意见，那么也给height值给<html>和overflow:hidden就行了。
编辑：我编辑了您的码页以显示我的意思，注意我编辑了您的脚本以使用CSS转换而不是绝对定位，否则我无法让它工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55166153
复制相关文章
相似问题
腾讯云开发者
