放大/缩小后使用鼠标时，缩放跳转
放大/缩小后使用鼠标时，缩放跳转是指在进行页面缩放操作后，使用鼠标进行其他操作时，页面会出现跳转的情况。
这种情况通常发生在网页或应用程序中，当用户对页面进行放大或缩小操作后，页面的布局和元素大小会发生改变。如果在进行放大/缩小操作后，用户使用鼠标进行其他操作（如点击链接、按钮或其他交互元素），页面可能会因为布局的改变而出现跳转的情况，即页面的位置会发生突然的变化。
这种缩放跳转可能会给用户带来困惑和不便，因为用户在进行其他操作时，期望页面的位置和元素的大小保持不变。为了避免这种情况，开发人员可以采取以下措施：
- 响应式设计：使用响应式布局和自适应技术，使页面能够根据不同的屏幕尺寸和设备进行适应，从而避免页面缩放带来的布局变化。
- 缩放限制：通过设置页面的最小缩放比例和最大缩放比例，限制用户对页面进行过大或过小的缩放操作，从而减少缩放带来的布局变化。
- 缩放重置：在用户进行缩放操作后，可以通过重新计算和调整页面元素的大小和位置，使页面保持稳定，避免跳转。
- 用户提示：在进行缩放操作时，可以通过提示或指示图标向用户说明页面可能发生的变化，并提醒用户在缩放后进行其他操作时可能会出现跳转的情况。
总之，为了提供良好的用户体验，开发人员应该在设计和开发过程中考虑到页面缩放带来的影响，并采取相应的措施来避免或减少缩放跳转的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
2回答
问题：
如何放大鼠标滚轮上的鼠标位置？
详细信息：
我正在尝试将合并在堆栈溢出上，这允许放大舞台，与合并，后者允许单击鼠标周围的缩放。我已经分叉了jsfiddle代码。一旦你把它放大，代码就能正常工作，但是在第一次滚动时，舞台会跳到一个不同的位置，我不知道为什么。有谁能告诉我为什么会发生这种事，以及如何解决。谢谢。
浏览 8提问于2012-10-12得票数 1
回答已采纳
这似乎是一个很常见的问题，但我找不到一个和我有同样情况的人。最接近的似乎是：。
我真的想得到一些帮助的问题是，在使用OpenGl放大(和缩小) 2d场景时，如何四处移动。缩小的代码非常简单：
void RefMapGLScene::zoomOut(){
currentScale = currentScale-zoomFactor;
double xAdjust = (((get_width())*zoomFactor/2));
double yAdjust = ((get_height()*zoomFactor/2));
zoomTranslateX -= xAdjust;
浏览 4提问于2011-05-02得票数 3
当我使用以下代码行启用鼠标轮放大图表时：
chartPanel.setMouseWheelEnabled(true);
滚动鼠标轮将放大/缩小的x和y轴。如何使鼠标轮在轴的1上缩放？
Jfreechart版本: 1.0.13
浏览 1提问于2020-07-03得票数 4
回答已采纳
使用jquery.flot.navigate.js，我可以让flot放大/缩小鼠标滚轮/双击指定的数量(例如x1.5)。我需要的是按日历缩放。我的意思是按小时/日/周/月/年的界限放大/缩小。
有没有办法实现与导航插件或自定义解决方案的回调/交互？
浏览 2提问于2015-03-04得票数 1
考虑一下中的d3版本4。
有一些黄色的圆圈覆盖在一个黑色的背景之上。
我可以用鼠标拖动圆圈。我也可以放大和缩小使用鼠标轮，只要我的鼠标不是超过一个圆圈。
有两个问题我想解决：
我想放大时，我击中滚动轮，而我是通过一个圆的鼠标。
拖拽是不正确的，当我放大或从图表中-圆圈不跟随鼠标。
浏览 1提问于2017-03-24得票数 1
回答已采纳
1回答
@转角/cdk/拖放
、、、
我用的是角10和。在pan缩放元素中，我有使用的可拖动元素。
这是很好的工作，直到我放大或缩小与泛变焦。当拖动放大时，速度加快，移动速度比鼠标快。放大后，它会减速，比我的鼠标移动得更慢。
我假设这是由于像素位置和缩放元素在窗格中的某种原因。
我找到了处理它的，但是我无法复制它，它使用的是JQuery可拖式。
有谁知道如何使可拖动的元素保持与鼠标相同的速度时，放大或放大与角-cdk-拖放？
谢谢。
浏览 9提问于2020-09-11得票数 2
我尝试了windows中的浏览器(firefox，google )，当我用两根手指在触摸屏上按一下，放大或缩小它的文本或内容，而不是网页的布局。
但是，在ubuntu20.04中，我知道缩进或缩小鼠标手势是行不通的，而且快捷方式如CTRL+和CTRL+=缩放web浏览器的布局。
有没有任何方法可以放大/缩小在ubuntu上的内容，而不放大/退出完整的浏览器布局？
浏览 0提问于2022-03-12得票数 -1
1回答
在过去的几天里，我一直在做一个C Mandelbrot套装程序，我设法使它正常工作，然而，我的最终目标是能够用我的鼠标平稳地放大设置，这是我还无法做的事情，所以我可能需要一些帮助！
下面是我代码的一部分(嗯，完整的mandelbrot函数)：
//removed to free space
这是一个输出的图片：(对不起，它不是很漂亮，颜色不是我的优先考虑，但我将确保他们的工作，一旦我知道缩放!)
我想要做的事情，：
左击->图像的中心变成mouse_x a mouse_y。然后，只要保持左键，它就开始放大。
右击->。只要保持右击，它就会开始放大。
移动鼠标->
浏览 8提问于2017-01-22得票数 2
回答已采纳
如果在richedit中加载一些文本，然后单击鼠标左键+移动鼠标轮，文本将放大或缩小，而不会放松文本大小的格式设置。
有什么简单的方法可以用一些代码来实现这个功能(放大/缩小)？
谢谢
射线
浏览 1提问于2016-10-25得票数 1
回答已采纳
1回答
缩放针对鼠标光标的图像
、、、、
用例：
用户点击一个链接，就会显示一个模态窗口，其中包含一个大图像，缩小到适合这个窗口。当用户向上或向下滚动鼠标轮时，图像会放大或缩小。无论鼠标光标指向什么位置，图像都会被放大。
问题：
我不能用我的脑子去想怎么做这件事。
当前工作：
单击链接时，jQuery插件将创建一个html元素的“查看器”集合，这些元素使用CSS进行样式设计。它是一个绝对定位的DIV，包含一个IMG元素。图像缩放到100%宽。当滚动时，图像每滚动动作增加5%。
由于图像在缩放时被放大，包含的DIV (溢出:隐藏)最终会剪辑图像。图像是可拖动的，这样您就可以始终看到它的所有部分。
我保存和知道的变量：
图像缩小了比例。图
浏览 7提问于2011-08-31得票数 5
回答已采纳
我使用以下函数来缩放div。当你缩小(向下滚动)时，它工作得相当好，但当你放大(向上滚动)时，currentZoom会跳到10而不是1.1。从那时起，你可以缩小，但你不能再次放大(我假设CSS缩放是有限的)。
我遗漏了什么？
$('#workArea').on('mousewheel DOMMouseScroll', function (e) {
e.preventDefault();
var currentZoom = $(this).css('zoom');
alert(currentZoom);
if (e.
浏览 2提问于2013-06-18得票数 0
回答已采纳
1回答
HTML画布缩放问题
、、、、
最近，我决定深入研究HTML5和画布的世界，我遇到了一个我无法解决的问题。
我正在使用中提到的缩放技术，因为我需要能够缩放到一个特定的点。
但是，我遇到的问题是当你放大到一个区域，然后执行一个大的鼠标运动，然后放大。整个视点和对象变得倾斜。(以前占据整个画布的对象，现在部分地或有时根本看不见)。
我假设向点函数的缩放是在缩放时使用鼠标的位置，这导致了这些问题。
这里有一个演示来了解这个问题：(再次复制，只需放大鼠标的合理距离并缩小)
浏览 8提问于2011-08-17得票数 3
回答已采纳
我在模拟器上测试一个基于地图的应用程序。我已经用鼠标在屏幕上双击放大了地图，但不能缩小。
请告诉我如何缩小？
浏览 9提问于2015-05-07得票数 34
1回答
使用D3放大
、、、、
如何在svg上的某个点放大到某个点，然后缩小到整个svg。只有两种状态，我不需要鼠标滚动缩放或放大、缩小按钮。
我在d3文档中查找并找到了.zoom，但不确定如何在我的环境中应用。我只看到过太复杂的滚动缩放。
浏览 1提问于2013-06-06得票数 0
我同时使用了PyQTGraph和PyQT5，并且我添加了一个GraphicsLayoutWidget，使用鼠标事件来添加标记。
canvas_ruler = pg.GraphicsLayoutWidget()
formLayout.addWidget(self.canvas_ruler)
plot_ruler = canvas_ruler.addPlot(name="Ruler")
plot_ruler.hideAxis('left')
canvas_ruler.scene().sigMouseMoved.connect(self.mouseMoved)
c
浏览 32提问于2018-11-08得票数 2
2回答
在特立独行的人中，我相信许多老的小不点人可以通过握着超级鼠标和鼠标滚动来放大和缩小，但这在纳蒂是行不通的。你怎么再激活它一次？
浏览 0提问于2011-04-24得票数 18
回答已采纳
今天我更新了Google Chrome浏览器版本到68，现在我不能使用Ctrl +鼠标滚动操作来放大或缩小页面，他们是否已经更改了Chrome 68上的页面放大/缩小快捷键？
操作系统: Ubuntu 16.04.5 LTS
浏览 2提问于2018-07-25得票数 8
5回答
目前在我的应用程序中，我正在捕捉鼠标滚轮事件，并在画布元素上执行放大或缩小操作。如果用户使用Mac并尝试使用触摸板执行缩放，则不会发生任何事件，实际发生的是放大/缩小浏览器。
有没有办法捕捉使用触控板执行的缩放事件？
浏览 1提问于2013-03-15得票数 25
我开发了这段代码，以查看用户是否在matlab中放大或缩小了图形。
function demo3
MainFig = figure;
x = sin(theta) + 0.75*rand(1,300);
y = cos(theta) + 0.75*rand(1,300);
a = 40;
hs=scatter(x,y,a,'MarkerEdgeColor',[0 .5 .5],...
'MarkerFaceColor',[0 .7 .7],...
'LineWidth',1.5);
h = zoom;
set(MainFig,
浏览 3提问于2016-03-24得票数 1
1回答
在我的应用程序中，我在画布中有一个多边形(4点=矩形)。我想通过鼠标轮按因子缩放多边形。为此，我使用以下代码：
double scale = 1.0, factor = 1.01, cX, cY;
void polygon_MouseWheel(object sender, MouseWheelEventArgs e)
{
cX = e.GetPosition(polygon).X;
cY = e.GetPosition(polygon).Y;
if (e.Delta > 0) scale *= factor;
浏览 7提问于2014-02-12得票数 0
回答已采纳
1回答
在使用R图(Javascript Infovis Toolkit)时，我发现只有鼠标滚轮可以用于放大和缩小。谁能帮助我如何用两个按钮而不是鼠标滚轮来控制图形。
浏览 1提问于2012-05-04得票数 0
我正在使用KineticJS允许用户在画布上自由绘制形状，并且我可以通过设置比例成功地放大/缩小画布舞台。
挑战：
放大/缩小后，我无法获得更新的缩放坐标值。任何建议都将不胜感激。
浏览 1提问于2013-05-21得票数 0
更确切地说我想做什么.
我在画布上有一个可滚动的地图。我有放大/缩小功能。我想要在地图上放置一个十字线/牛眼，这样我就知道我将在哪里以高精度放大/缩小。我意识到我可以更灵活地定位鼠标指针的位置，并根据鼠标所在的位置进行放大/缩小，但我认为考虑到项目的规模和不断发展的方式，我最好不这样做。
我在想，我必须在屏幕上有两个画布才能完成我想做的事情。这应该不是问题。可以使顶部画布透明是父画布还是lucent...aka (我永远记不清哪个是哪个，LOL：)，同时仍然能够看到放置在顶部画布中心的十字线。我不认为只有一张画布就能完成这件事，但我可能错了。
是的，这是一个有点棘手的问题。
浏览 0提问于2017-04-08得票数 0
使用默认的PlotController绑定在OxyPlot中，可以使用鼠标轮放大/缩小(参见)。限制缩放比例的最佳方法是什么？如果我向Axis添加一个侦听器并侦听AxisChanged事件，则为时已晚。我应该在Windows窗体级别拦截鼠标轮事件并做些什么吗？
浏览 1提问于2016-03-18得票数 2
16回答
当你使用鼠标中的滚动按钮来放大和缩小当前视图时，我希望Firefox具有相同的行为。eclipse也有类似的东西吗？
浏览 2提问于2009-04-26得票数 161
回答已采纳
在我的winform中有一张图片，我想在鼠标移动时显示像素坐标，无论是放大还是缩小，相同像素的坐标都不会改变，就像paint.net所做的那样。感谢你的任何想法。
浏览 0提问于2009-12-21得票数 0
回答已采纳
我正在使用由ChromiumWebBrowser库提供的CefSharp，允许用户从我的C#应用程序中查看网站并与其交互。
该网站目前显示正确，用户能够与它充分互动，就像他们在一个标准的web浏览器中查看它一样。
我现在想增加功能，允许用户在我的应用程序中查看网站时放大/缩小，但我不知道如何做到这一点.我在网上发现的大部分内容似乎表明我应该使用<Grid>标记的<Grid>属性，然后在<Grid>中使用<ScaleTransform>标记，并且我尝试过这样做，但似乎无法让它正常工作。
我的XAML如下：
<Grid x:Name="
浏览 6提问于2016-06-07得票数 6
回答已采纳
我使用由按钮触发的flyTo动画来缩放地图。在泛变焦动画结束后，不可能用鼠标轮放大.
如果我点击基本的缩放控件，它就能工作，如果我在触摸屏上测试它，它也能工作。如果我试着用鼠标轮放大，它就能工作。
知道为什么这种缩小的方式会被阻止吗？如果需要自己测试的话，整个原型就是 (单击大播放按钮触发flyTo)。
浏览 0提问于2019-06-24得票数 0
2回答
当鼠标悬停在大图上时，苹果有一个相当酷的功能：，它会缩小一个小的放大镜玻璃图标，当光标移到可缩放的图像上时，这个图标会随光标移动。
我如何才能做到这一点，最好是使用JQuery？
浏览 3提问于2010-07-08得票数 0
当你用鼠标滚轮放大/缩小时，它会以我不喜欢的有线方式平移地图，有没有选择用谷歌地图API禁用这一点呢？
我希望地图用滚动轮放大/缩小，就像我在地图界面(地图中心)上按下“缩放”按钮一样。
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
浏览 5提问于2015-08-20得票数 0
回答已采纳
1回答
我用我的问题创建了一个。
我从开始。
所以我的问题是，除了鼠标控制之外，我还需要一些放大和缩小按钮。
鼠标控制(随轮缩放和拖拽)是用实现的。效果很好。
然后，我添加了两个按钮来放大和缩小：
var _zoom = d3.zoom()
.scaleExtent([1 / 2, 8])
.on("zoom", zoomed);
var gui = d3.select("#gui")
gui.append("span")
.classed("zoom in", true)
.text("+")
浏览 6提问于2016-10-25得票数 6
回答已采纳
我正在尝试用D3实现具有缩放功能的散点图。我已经生成了图形和可视化，它可以放大和缩小，只有当鼠标光标是在数据点之上。换句话说，当鼠标在除点以外的任何地方时，我无法缩放。
我一直在网上搜索和尝试一些例子，但我没有运气。请检查此链接中的代码：，您认为我做错了什么？
提前谢谢。
浏览 2提问于2015-11-28得票数 0
回答已采纳
我有一个matplotlib图形，上面有点标记上的工具提示：
而放大/缩小正在工作：
但是，在缩放/缩小之后，工具提示就不再起作用了:甚至恢复原来的(非缩放的)大小，它们也不会返回。
浏览 0提问于2015-06-29得票数 0
回答已采纳
1回答
鼠标滚动时放大和缩小图像
、、、、
我想在HTML中放大和缩小鼠标滚动的图像。有多个不带ID的img标记。那么我该如何使用JavaScript或Ajax来实现呢？
浏览 0提问于2014-04-10得票数 5
回答已采纳
我有一个谷歌地图项目。我想用Zoom in和Zoom out操作来模拟maps.google.com上下文菜单。
google.maps.Map.setZoom()将地图缩放到中心点，但在maps.google.com中，当您在特定点上单击鼠标右键并选择放大/缩小操作时，地图将平移，以便此特定点停留在同一位置。
例如，如果我右键单击左上角的点，并在上下文菜单中选择Zoom in，则缩放后此pont将停留在光标下，并且不会离开地图边框。
有没有一种简单的方法来实现这个特性？
浏览 2提问于2011-09-27得票数 2
3回答
如图所示。
我在QScrollArea中有QWidget。QWidget作为细胞图像和一些基于矢量的轮廓数据的渲染窗口小部件。用户可以执行放大/缩小，简单的事情是，它改变了QPainters的比例，并相应地改变了QWidget的大小。
现在，我想在鼠标下方的点上执行放大/缩小。(类似于GIMP中的缩放操作)。如何根据缩放级别计算滚动条的新位置？使用转换而不使用scrollarea实现这一点是不是更好？
浏览 0提问于2010-09-16得票数 3
1回答
我在Bokeh中使用两个独立的y轴绘制一个图：
pAltitude = figure(plot_width=800, plot_height=300, x_range=pElev.x_range)
pAltitude.extra_y_ranges = {"speed": Range1d(50, 120)}
pAltitude.add_layout(LinearAxis(y_range_name="speed"), 'right')
当在浏览器中显示这幅图时，我可以使用wheel_zoom工具放大和缩小plot.When，将
浏览 2提问于2019-11-28得票数 2
回答已采纳
在使用触控板放大/缩小Chart3D时，我找不到控制缩放速度的方法。
在Chart2d中，我可以通过禁用默认鼠标轮缩放和重写onSeriesBackgroundMouseWheel事件来做到这一点。从这个解决方案
然而，在Chart3D中没有禁用鼠标轮缩放和通过setInterval放大图表的方法。
帮帮忙，谢谢！
浏览 5提问于2021-06-21得票数 1
回答已采纳
1回答
我有一个非常宽的NSView集作为NSScrollView的文档。当我被放大时(通过设置剪贴画边界矩形)，在我的魔术鼠标上左右滑动，滚动预期的数量。
但当缩小时(当边界矩形几乎与框架矩形大小相同时)向左/向右滑动是令人沮丧的，因为小的步长距离几乎没有效果。
我想缩放用于滚轮滚动的步距。我该怎么做呢？
浏览 3提问于2011-08-15得票数 0
回答已采纳
我使用OpenLayers 2在地图上显示几个点。当我使用谷歌地图层，放大或缩小，点放大/缩小之前，地图层移动创造一个奇怪的效果。
var google_terrain = new OpenLayers.Layer.Google("Google Terrain",
{type: google.maps.MapTypeId.TERRAIN}
);
下面是这个问题的一个例子：
相反，必应映射层的行为与我所期望的一样，并且在缩小/缩小时也是如此。点和地图同时缩放。有人能帮我弄清楚这件事吗？
浏览 1提问于2015-06-26得票数 1
回答已采纳
在浏览器中滚动放大或缩小会触发来自jquery/jscript的window.resize()事件吗？(当您按下control和并在浏览器窗口聚焦的情况下使用鼠标滚轮时)
编辑:如果我没有，正如答案所证明的，它是没有的；什么事件是可用的？
浏览 4提问于2011-07-10得票数 2
回答已采纳
我制作了3D图形，并使用已知的缩放方法，即按住Ctrl键，然后上下滑动鼠标来放大和缩小，就像这里所描述的那样
这个可以正常工作。
但现在我发出命令Rotateg,90度，并尝试缩放生成图(在新的输出单元格中)。但是缩放不再对新的旋转图像起作用。
每次滑动鼠标时，我都会看到它呈黑色闪烁，但它既不放大也不缩小。
以下是命令
g=Graphics3D[ Cuboid[{-.1,-.1,-.1},{.1,.1,.1}],
AxesOrigin->{0,0,0},
PlotRange->{{-1,1},{-1,1},{-1,1}},
浏览 3提问于2011-05-31得票数 5
回答已采纳
在最新的iOS 7.1中，原生相机应用程序可以在录制视频时放大/缩小，保存在照片中的视频确实显示了放大/缩小效果。
现在，我使用AVFoundation来实现自定义视频。通过使用videoMaxScaleAndCropFactor修改AVCaptureVideoPreviewLayer，我可以在录制视频时放大/缩小。但是，保存的视频不会显示放大/缩小效果。
有没有实现这个函数的提示？
浏览 19提问于2014-03-31得票数 6
我正在寻找或设置一个快捷方式来放大/缩小蓝图窗口，而不是用鼠标按键点击。我该怎么做呢？
浏览 12提问于2017-02-14得票数 0
1回答
我在R 上使用plotly包绘制了一张choropleth地图
但是鼠标滚轮的放大/缩小是非常烦人的。有没有办法禁用它？
浏览 0提问于2018-06-28得票数 3
1回答
我在做一个模拟城市的应用。在应用程序中，会有随机时间发生的事件。我希望用户能够放大该事件，以获得详细的视图。
没有放大，事件的位置只是标记为X。如果用户放大，用户将能够看到事件的更多细节；例如，如果这是一场车祸，放大用户将看到可能的2+汽车碰撞和一些动画等。
我希望缩放工作的方式是让用户能够暂停应用程序，移动鼠标到事件的位置，滚动放大/缩小。
浏览 0提问于2012-10-16得票数 0
回答已采纳
我想给dc.geoChoroplethChart()添加缩放效果。我能够获得放大和缩小行为与滚轮鼠标。我是在示例的帮助下实现的。但是，如何使用放大和缩小按钮来实现这一点？我尝试了多种方法来实现这一点，例如查看d3示例，但都以失败告终，并弄乱了代码。
谢谢。
浏览 0提问于2015-01-12得票数 0
我在Windows下使用Octave和gnuplot。
我可以用鼠标右键放大。但是怎样才能从UI缩小呢？
浏览 1提问于2010-07-09得票数 22
回答已采纳
2回答
考虑以下代码片段：
$(document).bind('mousemove', function(e)
{
$('#someDiv').css({left: e.pageX+'px', top: e.pageY+'px'});
});
当"position“的CSS值被设置为绝对时，这将使#someDiv跟随鼠标(工具提示)。
工作如预期，除非您放大或缩小IE7 (不尝试其他版本的IE)。然后e.pageX就会完全关
浏览 3提问于2010-03-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
