我正在研究的cursorhack遇到了一些麻烦。
在我的网站上，我有一个“秘密”页面，出于某种原因，我不得不在该页面上设置动画光标。
这个动画光标实际上是位于CSS动画支持下的body内的position：absolute div。在大多数情况下，这是可行的。我仍然需要找出如何禁用光标本身，但是它可以工作。
但是，每当我将鼠标移到视口的右/下时，页面就会开始扩展。这是因为div是绝对div，因此当它移到右侧/底部时，页面会扩展为允许您查看刚离开视口的光标部分。
本质上，位于body标签中的position：absolute div位于视口之外，这会导致滚动条扩展问题。自然，这不是我想要发生的事情。
有什么办法可以阻止这种情况的发生？
编辑：这也是我正在使用的代码段。如果有帮助：
$(document).mousemove(function(e){
$("#Cursor").css({left:e.pageX, top:e.pageY});
});
Edit2：作为视觉参考，这几乎与我的设置相同：http : //jsfiddle.net/BfLAh/1/尝试将鼠标移至窗口的底部/右侧，您会看到问题。
尝试将元素的transform属性使用translate到正确的位置– AFAIK使用该元素将其“放置”在视口外部，这不应使文档尺寸增加。
如果您发现光标元素开始位于0/0处（例如放入
#Cursor{position:absolute;top:0;left:0;}样式表），那么我认为您应该能够将pageX/pageY值作为转换参数使用，就像这样
$("#Cursor").css({
transform: "translate("+e.pageX+"px, "+e.pageY+"px)"
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句