在<canvas>元素上启用页面滚动

文章/答案/技术大牛

发布

1回答

javascript、jquery、scroll、html5-canvas

目前，我网页上的一个画布元素(由第三方构建)正在拦截拖动事件(因为它假定你想要在画布中拖动某些东西)，但这可能会将用户“困”在画布中，特别是当他们在移动设备上放大画布时。我希望用户能够在画布上上下滚动到页面的其余部分，就像它是任何其他HTML元素一样。他们应该仍然能够点击到画布中，我只是不希望画布拦截常规的页面滚动。编辑:我能够在第三方代码中找到wheel和mou

浏览 12提问于2017-02-10得票数 1

回答已采纳

2回答

如何在滚动时禁用jQuery jParallax插件，并在滚动停止时重新启用？

javascript、jquery、jquery-plugins、scroll

我有一个固定的jParallax - - background，页面元素在固定的“视差”背景上滚动。我尝试了这样的东西： jQuery(window).b

浏览 0提问于2011-06-10得票数 1

回答已采纳

6回答

Javascript:捕获鼠标滚轮事件并不滚动页面？

javascript、scroll、mouse、mousewheel

我正在尝试防止由页面元素捕获的鼠标滚轮事件导致滚动。我原以为false作为最后一个参数会得到预期的结果，但是在这个"canvas“元素上使用鼠标滚轮仍然会导致滚动： mouseController.wheel(event);在这个"canvas“

浏览 1提问于2012-04-25得票数 31

回答已采纳

2回答

在ios上禁用html画布绘图的滚动/滑动操作

html、ios、canvas

我在画布上使用css touch-action: none样式来禁止在绘图时在设备上滚动。有没有办法解决这个问题？

浏览 47提问于2018-03-01得票数 7

2回答

Javascript事件的Chrome随机滚动

javascript、jquery、google-chrome

我在这里创造了一个小提琴： }).detach().appendTo(canvas);因此，在</e

浏览 5提问于2014-12-12得票数 3

回答已采纳

4回答

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

javascript、html、html5-canvas、chart.js

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

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

回答已采纳

1回答

我有两个元素列表，并且在这两个元素上都启用了jQuery UI sortable。我使用connectWith选项使我能够在两个列表之间拖动。一个列表中有很多元素，所以我向其中添加了overflow-y: scroll，但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表中时，它只滚动列表，而不是整个页面。向下滚动，并尝试将Item Q从红色列表移动到绿色列表中(通过框顶部的灰色条拖动它)。您将看到红色列表

浏览 1提问于2011-12-15得票数 10

回答已采纳

1回答

为什么在HTML画布下面添加小div时会出现水平滚动条？

html、css、canvas、html5-canvas

我有一个简单的HTML，它覆盖了整个页面，它本身显示得很好。canvas.width = window.innerWidth; const

浏览 0提问于2021-11-21得票数 1

回答已采纳

1回答

如何使全局滚动条只应用于一个元素

jquery、html、css、web、frontend

这个警报列表是唯一滚动的东西，我真的想把页面的滚动应用到这个元素上。元素的整页位置固定和window.scrollTo(

浏览 20提问于2017-08-23得票数 1

2回答

用自定义样式修复Gmail的布局

css、userscripts

我试图使Gmail的新外观在我的小1024x768屏幕上可用-默认布局只为消息留出一个小窗口，周围是静止的元素。绕着那扇小窗户滚动是非常烦人的。我设法使用用户样式(的修改版本)使整个页面可滚动： url-prefix('https://mail.google.comimportant; #canvas_frame { overf

浏览 2提问于2012-04-24得票数 7

1回答

如何使用JS禁用和启用WordPress滚动

javascript

我有一个关于Javascript滚动的问题。如何在访问者进入我们的网站后禁用滚动，然后滚动再次活动5-10秒后，就像berakal.com网站？

浏览 7提问于2022-12-04得票数 0

1回答

UWP中的ListView程序滚动

c#、win-universal-app、uwp、windows-10-universal

我需要以一种编程的方式滚动ListView。实际上，我已经做了一部分，但它的工作速度很快，它与正常行为不同。我如何实现像listview那样的正常垂直滚动行为？我只需要垂直滚动。在我的代码中，_scrollViewer是ListView的ScrollViewer，drawingPanel是ListView上的一个画布组件。(画布应该在ListView上，这是一个要求。)顺便说一下，我的UI端是这样的： <listview>

浏览 0提问于2016-10-11得票数 1

16回答

HTML2Canvas不呈现完整的div，只显示屏幕上可见的内容？

javascript、html2canvas

(htmlSource).then(function(canvas) { window.open(img);当此代码运行时，它只呈现屏幕上可见的内容。#potenzial-page div本质上是整个页面，减去页眉和页脚。这个div中的所有内容都可以通过滚动显示(有一些隐藏元素，但我不希望图像中的隐藏元素可见)。我找不到出什么问题了，也找不到为什么它救不了整个

浏览 31提问于2016-03-25得票数 67

1回答

如何防止行CSS网格重叠？

html、css、canvas

我正在尝试在web浏览器中读取pdf，其中每个页面都呈现在新的canvas元素中。根据pdf文件中的页数动态添加画布元素。我使用网格显示，但是不同的页面(画布元素)是重叠的，如下所示：overlapped messed up rows 这是我的HTML： <div class="pdfHolder" id="pdfHoldersolid black;}

浏览 21提问于2021-09-01得票数 2

回答已采纳

2回答

启用在纸质on画布上的移动滚动手势

canvas、scroll、gesture、paperjs

我的问题是，当在智能手机上查看时，网页不能向上或向下滚动，在画布元素上应用滚动手势。我还尝试使用相同大小的空画布元素，而不使用paper.js实例化它，并且它正确工作。因此，在处理画布之后，纸质is负责禁用事件，以便使用手势滚动。请注意，我没有使用任何事件侦听器的鼠标事件画布上的纸on。谢谢

浏览 0提问于2015-05-05得票数 2

回答已采纳

4回答

画布切换填充整个页面删除滚动条

javascript、css、html、canvas

我有一个画布在我的网页上，并希望切换它填充页和向后。我的页面通常比屏幕高，所以我的页面上有一个滚动条。当我在css中设置画布的大小时，这个滚动条不会隐藏： display: inline; margin: 50; fullWindowState = true; //ca

浏览 3提问于2014-11-04得票数 6

回答已采纳

1回答

将顶部和侧面导航面板设置为固定的，但允许具有内部内容的滚动。

javascript、css、reactjs、user-interface

我试图将导航条、面包屑条、表标题等定位为屏幕上的固定元素，但将内容保持在页面的中心可滚动。当我将大多数元素设置为固定元素时，中心中的内容不会滚动。如果我将导航条设置为固定的，某些元素将滚动，表标题和相关元素将滚动到导航栏后面，而不是固定在屏幕上。我尝试了几个不同的选项，但在保持内容可滚动方面没有任何进展。下面是演示此问题的示例代码(单击下拉菜单

浏览 3提问于2022-09-12得票数 0

2回答

如何在DIV元素上滚动时禁用页面滚动，并在计数器达到某个值时启用滚动

javascript、jquery、html、css

我使用以下代码来防止DIV元素上的页面滚动$(document).ready(function(){ e.preventDefault(); });但我想再次启用滚动，如果计数器达到某个值，例如4，则计数器将在鼠标<e

浏览 0提问于2017-11-21得票数 2

1回答

使用jquery后动态div宽度

html、jquery、css、jquery-ui、drag-and-drop

我用画布id将元素拖到div上。当我拖动一个元素时，会出现一个滚动。删除时，元素保持在正确的位置，即使该位置大于画布本身的宽度(例如，canvas.width() == 800px, droppedElement.x == 2000px)。但是，如果我再次拖动这个元素，它将立即移动到画布的边缘(即draggedElement.x == 800px)。我尝试增加画布的宽度(基于已删除的元素坐标)，但这只是将水平滚动添

浏览 8提问于2020-08-26得票数 0

回答已采纳

1回答

页面背景中元素的CSS绝对定位与内容布局

css、css-position、overflow

我试图让一些设计元素相对于页面的背景进行绝对定位，但不影响页面布局(滚动和页面高度必须仅取决于页面的内容)。比方说，放置两个正方形square1和square2，可能会溢出页面的宽度，甚至可能在页面的内容下面。-- main content goes here, can be arbitrary HTML --> <canvas height="1000px" width="10"

浏览 11提问于2022-02-22得票数 0

点击加载更多