如何在中间单击并拖动滚动条居中
在中间单击并拖动滚动条居中的操作可以通过以下步骤实现：
- 确定滚动条的位置：通过鼠标单击滚动条的中间位置，获取当前滚动条的位置信息。
- 计算屏幕的可见区域：获取当前屏幕可见区域的高度或宽度（取决于滚动条的方向）。
- 计算滚动条需要滚动的距离：将屏幕可见区域的一半减去滚动条的大小，得到滚动条需要滚动的距离。
- 滚动滚动条：根据计算得到的滚动距离，使用相应的编程语言或框架的API调用，将滚动条滚动到相应位置。
需要注意的是，具体的实现方式会根据使用的开发语言、框架或平台而有所不同。以下是几种常用的开发语言或框架的示例实现方式：
- JavaScript/jQuery:
- JavaScript/jQuery:
- Python/Tkinter:
- Python/Tkinter:
根据具体的实际需求和开发环境，可能需要进行适当的修改和调整。这些示例只是展示了实现的一种方式，并不是唯一的解决方案。
相关·内容
2回答
我正在关注Wes Bos 30天JavaScript挑战赛和第27天:单击并拖动教程，我想知道如何将滑块居中放置在中间位置，而不是第一个(最左边)位置？ div class="item item12">12</div>
</div> 我发现的能够以我想要的方式工作的代码是this SO ask的答案，但是当我在Wes Bos的代码中实现它时，我不再能够单击和拖动
浏览 16提问于2019-02-28得票数 0
回答已采纳
1回答
如果我想在xterm中一页一页地向上或向下移动，我会使用<shift> + <PgUp>和<shift> + <PgDn>。但是，我如何才能完全移动到底部或终端会话的开始，而一次只看一页呢？
浏览 0提问于2014-01-08得票数 8
2回答
如何修复滚动时的闪烁效果
、、、
当我试图通过单击滚动条并拖动滚动条时，出现了一个问题。如果您一直滚动到底部正常，那么如果您尝试单击滚动条并拖动它。它闪烁并阻止我滚动。(我认为在尝试使用鼠标中间单击滚动时也会发生类似的情况)。
浏览 1提问于2015-06-09得票数 1
现在，当我单击垂直滚动条上的箭头时，视口按unitIncrement移动。但是，当我用鼠标移动旋钮时，视口按像素移动。如何使视口仅通过unitIncrement移动？更新：我希望视口移动只由unitIncrement以任何方式。另外，当我在旋钮上按下鼠标左键并拖动它时。当我调试代码时，我发现当我拖动旋钮时，参数unitIncrement被丢弃。找不到适用于JScrollPane的解决方案，
浏览 1提问于2012-08-06得票数 0
1回答
滚动条“鼠标滚动”事件
、、、
如何在滚动条(overflow:scroll div)上捕获滚动事件？如果我做了$(selector).on('mousewheel DOMMouseScroll', function (event) {}，它会捕获鼠标滚动，但是在这里如何捕获鼠标，点击滚动条并移动滚动事件不同的是:如何同时捕获鼠标滚动和鼠标单击滚动事件？
浏览 3提问于2014-05-02得票数 0
回答已采纳
1回答
由于某些原因，用户在使用TTreeView中的垂直滚动条和水平滚动条时遇到问题。他们想通过拖动滚动(在触摸屏上模拟手指)。我不知道从何说起这个。我知道如何在TTreeView中实现拖放，还知道如何在按下键时模拟滚动。我有一个有200行的ttreeview，垂直和水平的条是可见的。当我单击treeview中的一个空白并将其向上拖动以查看其他行时，我希望实现它的自动滚动。
我不知道从哪里开始编码。遗憾的是，只有当您选择一个节点并拖动</em
浏览 4提问于2020-06-17得票数 0
3回答
后台：我正在创建一个让人想起的表，因为它可以单击-n-拖动表元素。当鼠标左键、中间键和右键激活mousedown事件时，我想调用不同类型的切换代码。 e.preventDefault();});
在toggle()函数中，我可以使用e.which来确定单击了哪个按钮：我使用了e.preventDefault()，希望它能够停止中间单击<
浏览 6提问于2009-12-18得票数 10
回答已采纳
1回答
单击并拖动控制窗口的大型垂直滚动条。当click+drag滚动条和鼠标意外离开浏览器窗口时，我注意到了以下行为：
IE8(XP)：滚动条停止响应。当鼠标再次进入时，它也不会响应(您必须单击再
浏览 0提问于2011-06-10得票数 3
1回答
我正在使用embla-carousel插件创建一个旋转木马，当我水平滚动时，我想忽略链接到另一个页面的onClick事件。
浏览 1提问于2021-06-11得票数 0
我在一个xterm中运行了几个命令。我可以向上滚动看到输出，但是现在我想保存输出。但我没有使用屏幕或脚本或输出重定向这些过去的命令。现在可以保存输出了吗？(我使用的是结束符，所以如果有一个命令“select-all”，就足以满足我的需要)。
我不能再运行相同的命令了。当然，我可以用鼠标选择文本，然后将其粘贴到文件中，但是它有几千行长，所以我想知道是否有更简单的方法。
浏览 0提问于2015-01-30得票数 2
在Windows 7下，我可以使用手写笔垂直滚动，而无需使用(单击和拖动)滚动条，我可以通过单击和拖动对话框中的任意位置(形式视图)垂直滚动。在Windows 10下，如果不使用(单击和拖动)滚动条，我无法使用手写笔垂直滚动。我必须使用滚动条上的Stylus单击(并拖动)以垂直滚动。我的需要:
我需要能够使用手写笔垂直滚动，而无需使用(单击和拖动
浏览 4提问于2020-05-26得票数 1
2回答
我有一个左窗格和一个中间窗格。当用户单击左侧窗格时，我会动态生成div。生成div并将其拖放到中央窗格中。divs是可拖动的和可调整大小的。所有的工作与拖动和调整可见中心区域的大小很好。当我将div拖到底部之外时，中央窗格上的滚动条就会出现，中心窗格似乎正在扩展以适应拖动的div的新位置。但是，当我试图调整div的大小或添加另一个div时，它会跳转到div的顶部，并重置滚动条。在左侧窗格中，单击“添加新”按钮将添加可拖动和可调整大小的
浏览 5提问于2010-12-16得票数 1
在这里，我使用jQuery UI的draggable插件来允许水平拖动容器。我还使第二个子元素包含一个滚动条。问题是不同的浏览器处理这个滚动条的使用方式不同。对于所需的行为，有两个测试用例：
IE8和火狐：没有问题。Chrome：一旦您释放鼠标按钮，移动鼠标将导致容器与您的鼠标光标拖动
浏览 3提问于2012-01-11得票数 2
回答已采纳
旋转木马显示正确，但不可能移动幻灯片(幻灯片在单击和移动鼠标事件期间拖动，但在移动设备上实现鼠标单击或触摸后，它会弹回起始位置)。
浏览 4提问于2021-04-25得票数 0
1回答
图层列表通常很长，由于设置了css属性overflow:scrollbar，所以会显示滚动条。如果您单击滚动条之外的任何位置，则拖动不会传播到下面的地图，但是，如果您单击并拖动滚动条，它会传播到地图上，而我开始被拖动。
浏览 0提问于2015-12-14得票数 1
我想放大到像素级别，并放大到像素级别，但我有，使缩略图按钮在滑块中居中，刻度为1。则图像以原始大小var比例尺显示:Number= zoomSlider.value/1000；sprite.scaleX = sprite.scaleY = scale；
我将默认值设置为5000，以便按钮在中间居中我想要的是，当我拖动左边(从初始值5000)时，它应该开始缩小，直到达到.10的最小规模。当我向右拖动时，它应该会开始把比例增加到10。这个问题的关键是，我有，使缩略图按钮在滑块<em
浏览 3提问于2011-08-05得票数 0
回答已采纳
1回答
在linux文本编辑器Kate中，有一个很好的功能，当我单击并拖动滚动条时，它会显示当前文本组件中的当前行号。
我的问题是如何在包含JTextArea的滚动窗格中添加这个函数。
浏览 2提问于2014-05-30得票数 2
回答已采纳
1回答
在Mac上，整个JFrame都是可拖动的；因此，当我试图通过点击并按住滚动条来滚动滚动窗格时，整个框架都会移动，而不是滚动条上的拇指。
浏览 1提问于2012-04-04得票数 6
1回答
拖动时自动滚动
、、
jQuery UI可拖动插件使所选元素可通过鼠标拖动。让我们假设列表比垂直屏幕大小更长。如何使用jQuery UI或一段javascript代码使其成为可拖动的？
浏览 0提问于2012-06-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
