如何将自定义 cursor 放在水平滚动网站的特定部分之一？

Question

在 cursor 当前并没有移动到下一个部分的地方，我有一个水平网站，分为多个部分，我试图将自定义 cursor 放在特定部分。 但是每当我尝试在第一部分从页面移出后，cursor。 <div class="cursor"></div><script>const cursor =document.querySelector('.cursor');document.addEventListener('mousemove', (e) =>{cursor.style.left = e.pageX + 'px';cursor.style.top = e.pageY + 'px';})</script>

然后 css: .cursor { position:fixed; width: 20px; height: 20px; border-radius: 50%; background-color: #dfd3c3; transition: 0.1s; transform: translate(-50%, -50%); pointer-events: none; } .cursor { position:fixed; width: 20px; height: 20px; border-radius: 50%; background-color: #dfd3c3; transition: 0.1s; transform: translate(-50%, -50%); pointer-events: none; }

Answer 1

如何将自定义 cursor 放在水平滚动网站的特定部分之一？

在此处或此处查看cursor css 属性。

.cursor {
 cursor: pointer;
}