问题标签 [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.
css - CSS水平滚动问题
问题
我需要内容强制在 X 轴上滚动,而不是在 Y 轴上滚动。
HTML
我知道这是格式错误,但它是动态生成的并且没有空格。
用一个文件夹内框很好地格式化:
CSS
如果有人可以提供帮助,谢谢!
编辑
Bazzz 的答案适用于所有浏览器,除了 IE 兼容模式(不幸的是它必须兼容),它给出了以下外观:
使用 IE 破解:
css - css white-space:nowrap 水平滚动错误
我有以下标记
当浏览器足够宽时,它看起来像这样
当浏览器变窄时,它看起来像这样
当我滚动时,我希望窄视图的灰色背景一直向右延伸。我的标记和 css 会导致这种不良影响(发生在 Chrome、FF3 和 IE8 中)
css - 水平滚动 CSS
我正在创建一个页面@ [链接已删除]
顶部的标题非常大(1600 像素)以容纳宽显示器。将标题设置为 100% 宽度不起作用,因为旋转会产生一些奇怪的效果。
我将body overflow-x 设置为隐藏,这样就不会出现水平滚动条。布局应适应正常的计算机分辨率。
问题是当您从分辨率非常小的设备(例如手机)访问时,或者如果您调整浏览器窗口的大小。在这种情况下进行水平滚动会非常有帮助,但它只能滚动到足以看到图片的程度,不能再进一步了。
这有意义吗?让我知道我需要澄清什么...
我尝试在正文和标题上组合 min-width 和 overflow-x,但似乎找不到有效的解决方案。
谢谢!杰夫
jquery - jQuery jqGrid 是否支持水平滚动条和冻结列?
我有一个包含很多列的jqGrid,当列宽的总和大于固定宽度的容器时,它会显示如下:
如果网格的宽度太大,则不要使用水平滚动条。
如何获得 jQgrid 的水平滚动条,这样网格的最大大小是固定的,如果我添加更多列,它只会滚动?
另外,假设这是可能的,你能冻结前几列吗?
css - chrome中不需要的水平条
由于某些原因,我在 Windows 7 上的 chrome 9.0.597.98 中得到了一个不需要的长水平滚动条,它滚动到右侧的空白区域(也可能在 safari 中)。RockMelt(未知版本)上也报告了该问题
任何帮助将不胜感激。
PS:我用谷歌搜索并发现了一些类似的问题,但我找不到适合我的解决方案。
jquery - jQuery水平滚动显示
我正在使用 jQuery 制作水平滚动条。我有它使用以下
每个 mousemove 事件我都会计算新的左边距,滑块跨越屏幕的 100% 宽度。
这有效,但我有两个问题。对每个 mousemove 事件调用计算似乎是一种不好的做法,因为有数百个事件。有没有更好的方法,也许使用计时器?
另一个问题,当用户第一次悬停它跳到位的滑块时,我尝试使用动画,以便滑块向下滑动到正确的位置,但似乎没有工作。(在底部评论)
对这些问题的任何帮助都会很棒。谢谢
android - 在 webview 中平滑水平滚动
我有一个带有许多“页面”(文本列)的 wevbiew,并且希望能够在列之间水平滚动以响应 Fling 手势。我可以使用 scrollTo() 很好地做到这一点,但这很突然,我真的希望能够从一个“页面”平滑过渡到下一个“页面”。
我看到的问题是:您不能将 Scroller 附加到 WebView,也不应该在 ScrollView 中嵌套 WebView。
有人对在 WebView 中实现平滑或动画水平滚动有什么好的想法吗?
编辑添加:我正在尝试实现knotmanish的想法,我使用未附加的Scroller来计算距离..
...但是 while 循环似乎太慢而无法捕捉到滚动条的移动或其他什么,因为该行为看起来就像 scrollTo() 方法(视图跳转到滚动条的末尾)。
ios - 在 iPad 上禁用水平滚动
我希望在我的网站上禁用 Safari 中 iPad 上的水平滚动条。
我试过e.preventDefault
了,但这似乎禁用了垂直和水平滚动。
谢谢!
javascript - Javascript水平滚动条
我正在尝试在 HTML 表单的文本区域顶部创建一个水平滚动条。这已在此处得到解答,StanleyH 在http://jsfiddle.net/TBnqw/1/上的示例完美运行,但我还有一个更复杂的问题。
它可以用 a<span>
而不是 a重写<div>
,也可以直接写成没有任何 jQuery 的代码吗?我继承的网站有修改所有<div>
's 的代码,所以如果可能的话,我需要使用<span>
块模式。
答案:
已为 Firefox 修复:http: //jsfiddle.net/TBnqw/537
iphone - 如何在iOS中锁定scrollView的水平滚动
我有一个滚动视图。我希望它只在一个方向(垂直)滚动。有没有办法可以锁定水平滚动...??...