问题标签 [horizontal-scrolling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1114 浏览

javascript - 使 Jquery.ScrollTo 基于速度而不是持续时间工作

我正在创建一个水平站点(它也可以是任何其他自动滚动站点,例如对角线),它使用来自 Jquery.ScrollTo 插件的 $.Localscroll 子项。

这个插件有一个大问题;它根据持续时间计算运动。这意味着从第 1 页到第 2 页的转换需要 2 秒,但从第 1 页到第 10 页的转换也需要 2 秒,因此转换速度非常快,转换本身不再可见。我不知道会有多少链接,链接不会在同一个菜单中,而是分散在页面中。

有没有办法找出当前的滚动位置(最好通过插件,所以它是跨浏览器的)并使用哈希(#)找出新的滚动值,然后根据速度计算持续时间?

0 投票
3 回答
16263 浏览

iphone - iPhone 水平滚动

我正在尝试创建一个具有水平滚动功能的应用程序,以便能够水平滚动一系列图像。我观看了 WWDC Session 104 视频,虽然他们制作了一个有趣的应用程序,但他们很快就了解了它的基础知识。

我了解使用 UIScrollView,并且我必须启用分页。之后他们说我应该添加更多视图作为滚动视图的子视图,但我不清楚如何做到这一点。我也不清楚如何将图像添加到这些视图中。

正如您可能会说的那样,我对此很陌生,因此我们将不胜感激。

0 投票
2 回答
9124 浏览

apache-flex - AdvancedDataGrid 水平/垂直滚动条问题。(柔性)

所以,我有一个 AdvancedDataGrid 需要住在 Canvas 中。我的问题是,当你做这样的事情时,你会得到两组滚动条。此外,AdvancedDataGrid 的水平滚动条在您从右向左滚动时会改变大小,并且不会让您一直滚动到右侧,这看起来很奇怪。

我在 AdvancedDataGrid 上关闭了水平滚动,只让 Canvas 处理它。但是,当我这样做时,列不允许自己调整大小。啊。

我目前的“最佳”解决方案是让 AdvancedDataGrid 处理垂直滚动,让 Canvas 处理水平滚动,但这看起来很疯狂,更不用说我遇到了上面提到的问题,我无法再调整列的大小。

任何帮助是极大的赞赏!谢谢!

0 投票
1 回答
682 浏览

java - 绘制 Java 2D 图表跨越多个视图或面板或水平滚动

我正在使用 Java 2d 图形(即绘制和填充矩形)从存储在 Arraylist 中的一组值直接在 JFrame 上绘制图形。但是当 ArrayList 具有非常多的值(甚至可以达到 3500 的大小)时,图形会被压缩 - 图形似乎信息量较少,甚至 X 轴上的标签也不会显示。有没有一种方法可以使图表以多种页面方式显示(即限制页面可以显示多达 100 个值 - 剩余的值在用户可以按页面导航的不同页面中)。

我该如何处理这种情况?我可以使用任何堆叠布局吗?我可以使用面板吗?但是我可以在面板中画一半吗(因为图形是在循环内绘制的 - 直到读取 arraylist 的元素)?或者我可以有一个可滚动的面板吗?我目前在 NetBeans 中没有使用拖放 GUI 手动绘制所有内容。

非常感谢任何见解、建议和想法。

提前谢谢了

0 投票
1 回答
4772 浏览

jquery - 如何使用 jquery 滚动窗口加载

我在桌子中间有一个表格。我希望此表单始终位于垂直和水平窗口的中心,即使窗口大小小于表格。我正在考虑使用 jQuery 的 scrollTo 函数并将其称为 onLoad 和 onResize, http ://demos.flesler.com/jquery/scrollTo/ 但我是初学者,我不知道该怎么做。对于标题和脚本函数中的调用,我将不胜感激。非常感谢。

0 投票
1 回答
1238 浏览

firefox - 带有滚动条的 Firefox 内 SVG 中的坐标转换

当从 FireFox 中查看 SVG 文件时出现滚动条时,我正在尝试从 Javascript 代码中的 SVG 文档中的用户坐标空间中计算正确的鼠标坐标。但这并不完全正确。即使在水平或垂直滚动​​ SVG 时,也需要正确绘制基于 SVG 的工具提示。

我希望跨 IE 和 Firefox 浏览器的坐标转换是正确的。此外,我想使用单源 Javascript+SVG 解决方案来实现这一点,该解决方案希望不需要特定于浏览器的条件代码。我目前使用的是 FireFox 3.5.10,但我会考虑升级到更新版本的 FireFox,而且我还没有测试过 IE。

我遇到的问题是滚动条的坐标偏移:当滚动条出现在 Firefox 中的 SVG 元素上时,鼠标坐标转换是不够的。作为调试坐标转换的辅助工具,我正在使用一个简单的 SVG 文件,该文件包含 Javascript 处理程序,所有这些都在一个文件中,它只是将鼠标光标处的十字准线绘制为 SVG 线对象。在svg_cross_hairs.svg上找到它. 如果将该文件加载到 FireFox 并缩短 FireFox 窗口直到出现滚动条,然后滚动垂直或水平滚动条,您会发现 Javascript 绘制的十字准线被水平或垂直滚动​​量偏移,为了在鼠标光标实际所在的位置或附近绘制工具提示对象,这是不正确的。

我确实看到了Firefox:获取视口左上角的鼠标坐标问题,该问题讨论了scrollTop属性。

msg#00056element.{pageX,pageY,clientX,clientY}澄清了属性和element.getscreenCTM方法的含义存在混淆。

在用户坐标系中,是否有更简洁的方法来获得正确的鼠标坐标?

0 投票
2 回答
624 浏览

css - 如何包含元素的宽度,使其不会溢出主体,但可见?

我试图让一个元素的宽度大于主体,但不会导致水平滚动。

http://jsfiddle.net/hYRGT/

这希望能在一定程度上说明我的问题。#header 包含 #imghead 并设置为 960px 宽度。

我想要的是浏览器“认为”页面是 960px 宽。因为#imghead 比#header 更宽,并且相对定位,所以它位于中心。

我无法使用背景图像,因为#imghead 将被 Flash 组件替换。

我也无法使用溢出:隐藏,因为我确实希望元素显示在 960 像素之外。我只是不希望它导致 h 滚动。

我不想完全禁用 h-scrolling,我真的很喜欢 CSS 解决方案。但如果 javascript 是处理这个问题的唯一方法,我想它会做。

0 投票
6 回答
16668 浏览

wpf - 如何使用鼠标启用水平滚动?

我无法确定如何使用鼠标滚轮水平滚动。垂直滚动自动运行良好,但我需要水平滚动我的内容。我的代码如下所示:

我的项目模板如下所示:

是否需要添加其他方法或控件才能获得该功能?

0 投票
2 回答
6104 浏览

iphone - 如何在 iPhone 中使用水平滑动逐页显示 PDF?

我想逐页创建 PDF 阅读器。

我知道如何使用 UIWebView 来显示 PDF,但它会加载整个 PDF 并希望一次显示一页。

PDF 存储在本地。应根据水平滑动加载下一个和上一个 PDF 页面。

如何显示单个页面以及水平滑动和缩放功能?解决此类问题的最佳方法是什么?有这方面的教程吗?

编辑:我使用 CGPDF API 逐页显示 PDF。我正在使用 PDF 页面作为图像。但是缩放不能正常工作,因为 UIPageControl 也被使用。如何缩放这些图像以及页面控制?

0 投票
1 回答
767 浏览

flash - Flash 在嵌入按钮的边缘停止我的鼠标悬停事件

大家好,感谢您的阅读,我的标题无法很好地解释。

我正在做一个简单的 Flash 项目。在场景 1 中,我在上面有一个大图像,下面有一个长滚动图像,它是一个名为 image_slider 的影片剪辑。使用 actionscript 3.0 鼠标悬停事件侦听器设置滚动。当用户向右移动鼠标时 image_slider 向左移动,当鼠标离开时它向右移动。它工作得很好。现在我希望 image_slider 的不同部分在单击时更改上面的大图。

所以我决定将这些动作作为 image_slider 影片剪辑的一部分。因此,我在 image_slider 影片剪辑中添加了透明按钮,并为它们添加了事件侦听器以及在 Scene1 中的不同帧处转到和停止的函数。这很好用。

我的问题是现在 image_slider 不再自由移动。它确实会移动,但正如您所看到的,如果您的鼠标停止移动,滚动将在下一个按钮处停止。您必须再次移动鼠标以使其继续滚动。我不知道为什么它决定这样做。有谁知道如何阻止它在每个按钮边缘停止?

您可以在http://www.luanamercy.com/FeatureExamples/flashgallery.html上看到 Flash 电影

如果我能提供更多对您有帮助的信息,请告诉我。也许有更好的方法来做按钮。我是新手,所以我可能会以一种不好的方式做这件事。

我很感激任何帮助。

谢谢卢安娜