向下滚动页面时，鼠标在画布中的位置不正确

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、canvas

我有一个页面，我添加了一个画布，将由技术人员或客户使用他们的签名。我已经设法让它工作，并能够在画布内绘制。但是，当页面稍微向下滚动时，绘图开始位置的位置高于鼠标指针。当我再次将页面滚动回顶部时，绘图开始的位置再次直接位于鼠标指针上。无论页面</em

浏览 0提问于2017-08-22得票数 1

1回答

如何防止触摸屏上的聚合物滚动页在触摸过程中拖放在帆布上？

drag-and-drop、html5-canvas、polymer-1.0、createjs、easeljs

我目前正在使用easel.js (create.js)在我的聚合物1.0+站点上处理html画布上形状的呈现，我正在处理鼠标事件，在画布中的这些形状上使用“按动”、“鼠标向下”和“按压”。鼠标操作一切都很好。然而，在移动设备上拖放这些形状是行不通的。用手指在触摸启用设备上点击并拖动，而不是滚动页面本身(这确实需

浏览 2提问于2016-03-04得票数 0

回答已采纳

4回答

如何禁止画布元素在滚动页面时劫持鼠标滚轮？

javascript、html、html5-canvas、chart.js

在HTML5中(我想？)，当鼠标悬停在画布元素上时，页面上的画布元素会中断滚动。我使用Chart.js生成了一个页面，该页面上有许多图形，所有这些图形都呈现在一个元素中。由于页面非常长(垂直)，用户通常会向上/向下滚动页面以查看各种图形。每次滚动到a上时，他们都必

浏览 52提问于2017-06-12得票数 3

回答已采纳

2回答

移动后获取鼠标在画布中的位置

javascript、dom、canvas、html5-canvas、mousemove

我使用此函数将鼠标坐标转换为画布上的坐标，但有时在向下滚动然后向上滚动后，鼠标在画布上的位置将不匹配。

浏览 0提问于2013-06-02得票数 3

回答已采纳

1回答

在画布中绘制箭头时出错

javascript、jquery、canvas

我有2个标签画布。当我更改属性时，画布高度< 100，然后箭头隐藏。如果我没有在标签canvas之前写标签div，它的运行是正常的。感谢您的支持！

浏览 1提问于2015-02-24得票数 0

1回答

形状图层似乎随着滚动而移动

html、kineticjs

我在JavaScript脚本中应用了以下教程：在大多数情况下，它就像一种护身符。每当我滚动整个网站时，一切都进行得很好，将鼠标悬停在形状上就完美了。但是，每当我在网站中创建一个带有形状的可滚动的div时，可见的形状确实会留在原地(具有可见的形状，我指的是你实际看到的形状)和图片，但每当我悬停时，我必须在向下<

浏览 0提问于2012-08-01得票数 0

回答已采纳

7回答

如何通过向上移动到地址栏来检测鼠标离开页面？

javascript、jquery、jquery-events

我创建了一个jQuery事件，它在访问者离开页面时弹出一个对话框。我正在使用e.pageY来检测鼠标位置。当鼠标位置为Y:小于2时，弹出对话框。问题是，当我在页面中向下滚动并决定离开页面时，弹出窗口不会显示，因为鼠标不在Y:小于2的位置。我如何解决这个问题。例如，当我离开页面

浏览 0提问于2012-04-28得票数 4

1回答

jquery:自动滚动页面，但允许鼠标滚轮，仍然滚动

jquery、target、offset、scrolltop

我正在尝试创建一个功能，让用户看到一个有5个数字的菜单，1-5.1=最慢，5=最快，当有人点击其中一个数字时，页面开始自动滚动，这样用户就不必滚动页面了。我遇到的问题是，我想让用户仍然可以访问他们的鼠标滚轮，但当我在页面处于动画状态时使用鼠标滚轮时，它会将页面向下推，然后将页面推回原来

浏览 2提问于2011-01-03得票数 1

回答已采纳

2回答

HTML页面上的鼠标坐标

javascript、html、canvas、three.js

我正在尝试使用three.js页面中的一个示例，即体素绘制器。在此示例中，鼠标坐标用于移动滚动辅助对象，该辅助对象指示在单击后将放置长方体的位置。mouse.set((event.clientX/window.innerWidth)*2-1, -(event.clientY/window.innerHeight)*2+1); 这段代码计算鼠标在整个页面上

浏览 16提问于2016-08-24得票数 0

回答已采纳

1回答

GWT - onClick未触发

javascript、gwt、onclick、onblur、onmousedown

我在表格上有一种很奇怪的行为。在页面底部有一个“下一步”按钮。单击时，将执行验证，如果一切正常，则提交表单。按钮上<e

浏览 2提问于2015-03-16得票数 3

回答已采纳

2回答

如何检查网页是否滚动？

jquery、internet-explorer、scroll、mouse-position

在javascript中有没有办法检查网页是否被垂直滚动过？专门为Internet Explorer设计的吗？我需要在IE中获取鼠标位置，但使用jQuery event e.pageY时，它会在页面未滚动时给出正确的值，但当页面向下滚动时，它会给出错误的位置。

浏览 1提问于2010-06-19得票数 11

回答已采纳

2回答

Qtip2:页面向下滚动时，提示更改位置

qtip2

步骤：这仅在镀铬上复制，在IE或FF上正确工作-页面滚动不影响提示的<em

浏览 1提问于2014-05-15得票数 6

回答已采纳

1回答

如何在浏览器中禁用flick行为？(Chrome/Firefox)

javascript、html、google-chrome、firefox、stylus-pen

在windows的应用程序中，可以用手写笔或手指触发闪烁、向前、向下滚动或向上滚动的手势。在我的web应用程序中，我使用HTML5画布捕捉鼠标事件来绘制。在Microsoft (其中启用了鼠标)中，由于有了鼠标，鼠标向下的事件会被延迟，一些mousemo

浏览 4提问于2016-04-26得票数 0

回答已采纳

1回答

使用jQuery滚动时更新鼠标位置

html、jquery、css

我想知道在向下滚动页面后更新鼠标位置的解决方案。在附加的代码中，div将停留在最后一个鼠标位置，然后滚动，直到鼠标再次移动。

浏览 0提问于2020-05-12得票数 1

1回答

冒泡滚动/鼠标滚轮事件

javascript、html、gwt、mousewheel、delta

我已经设置了我的应用程序/网站，以便在滚动面板顶部有一个绝对定位的画布元素，当滚动面板滚动时，我将偏移量应用到画布上，使其看起来像是在滚动图像(这允许我拥有巨大的画布，而没有巨大的画布元素的开销)。问题是，当我的鼠标在画布元素上时

浏览 2提问于2011-06-01得票数 1

回答已采纳

1回答

HTML5画布-按钮一旦向下滚动就不能工作

html、canvas

我使用HTML画布来创建一个枪支模型以及控制按钮(例如火按钮)，但是一旦滚动到页面上，这些按钮就不能工作，只有当滚动到页面的顶部时，按钮才能工作。有什么想法吗？我用下面的代码来检测点击/滚动- dartsOver = hudCheck(hudLX,dy-(60*units),colHalf,140

浏览 1提问于2015-02-17得票数 0

回答已采纳

1回答

构造这个拖放代码的最佳方法是什么？

.net、drag-and-drop、c#-4.0、system.reactive

我正在尝试处理一个拖放交互，包括鼠标向下，鼠标移动，鼠标向上。以下是我的解决方案的一个简化复制：鼠标向下放置，创建一个椭圆，并在鼠标移动时将其添加到画布中，将该椭圆重新定位为鼠标向上跟随鼠标，更改画布的颜色，从而明显地显示您要拖动的是哪个。(画布)；Canvas.SetLe

浏览 5提问于2010-04-04得票数 5

回答已采纳

1回答

鼠标滚动方向改变功能

javascript、jquery

我正在尝试创建一个网页，其中有一些有趣的功能。简而言之，页面有一个几乎覆盖整个屏幕的div (顶部和左侧边缘显示背景)。在div内部是一个可滚动的文本区。我需要实现这样的功能:鼠标滚轮向下移动几乎全屏的div，直到它消失。然后，鼠标向上滚动将其向上移动，直到它位于原始位置，之后鼠标向上滚动将向下滚动<

浏览 3提问于2018-08-13得票数 0

1回答

重力点与其他元素不能正常工作

javascript、jquery

有一个很棒的代码，名为，我非常喜欢它，并希望在我的下一个项目中使用，但事实证明，只有当它是页面上唯一的元素时，它才能正常工作。一旦您开始在它上面和下面添加内容，它就会错误地计算鼠标位置。注意，如果画布与屏幕完全对齐，重力点是在正确的位置创建的，但如果在半程滚动时单击画布，则会向下</e

浏览 6提问于2015-11-06得票数 1

回答已采纳

1回答

HTML/Javascript干净画布

javascript、html、canvas、html5-canvas

我来这里是为了一个清晰的HTML/Javascript画布问题。在这个画布中，它用于签名(如)。所以，我在寻找一个能够在画布上写作的function init()，无论您在网页中的哪个地方，都可以找到以下内容：function init(){ y = e.pageY - canva

浏览 1提问于2017-01-27得票数 0

回答已采纳

点击加载更多