问题标签 [jquery-jscrollpane]

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 投票
1 回答
2963 浏览

jquery - jscrollpane(jquery)中的滚动条高度

我已经花了好几个小时试图调整 .jspVerticalBar 的高度。似乎默认设置栏的高度为窗格高度的 100%。

有谁知道在哪里设置这个?我说的不是可拖动部分,而是整个栏。

例如

目前是这样的:

:向上 | | | | | :向下

但我想让它变小。

:向上 | | | :向下

不幸的是,我没有要粘贴的代码,因为我不知道要粘贴什么代码:) 但是如果有人熟悉的话,lib 就在这里 https://github.com/vitch/jScrollPane

提前致谢

0 投票
1 回答
611 浏览

jquery - 即使鼠标离开浏览器窗口也滚动?

关于官方 jScrollPane整页滚动演示的观察...

单击并拖动控制窗口的大垂直滚动条。当您单击并拖动滚动条并且鼠标意外离开浏览器窗口时,我注意到以下行为:

  • Safari(XP):滚动条即使在浏览器窗口外拖动时也会响应。好像打不开 惊人的。
  • FF4(XP):滚动条停止响应。当鼠标重新进入时它再次成功响应(您不必单击以再次开始拖动)。有点烦人。
  • IE8(XP):滚动条停止响应。当鼠标重新进入时它也没有响应(您必须再次单击才能拖动)。这是三个中最糟糕的。

所以Safari(和Webkit,我猜)完美地处理了窗口外的鼠标移动。是否有可能让 IE 和 FF 表现相似,或者是 Trident 和 Gecko 引擎的这些限制?

0 投票
1 回答
316 浏览

jquery - jquery jscrollpane-2.0.0beta10 无法获取 iframe 内容以显示滚动条

我无法让 iframe 内容显示滚动条。我相信我已经彻底遵循了 jscrollpane 网站上的示例。

我还调试了jscrollpane js,结果发现initialise()中的contentHeight===paneHeight,这会阻止滚动条显示。我认为,对于我的 iframe 内容,contentHeight 应该是 > paneHeight。

该问题的演示在http://mediabeez.ws/new_interface/上, 我将非常感谢提示/线索/修复。

如果我们能解决这个问题,我会为 jscrollpane 制作一些不错的主题并将其捐赠给项目所有者,k?:)

0 投票
2 回答
3085 浏览

jquery - JScrollpane 不显示

我对 jscrollpane 有疑问。当我加载网页时,jscrollpane 不显示,但如果我单击页面的其中一个链接然后返回,jscrollpane 会正常显示。

该网站是 www.noved.info 并且未显示的 jscrollpane 是“casos de exito”部分中的一个。如果您单击其中一个链接然后返回,您将看到 jscrollpane 正常工作。Jscrollpane 已经在上面提到的 div 上工作。

提前致谢。

div 不工作的代码是:

CSS:

的HTML:

0 投票
3 回答
4302 浏览

javascript - jScrollPane:删除滚动条装订线?

我想将滚动条放在内容上,而不是在它旁边强制设置一个排水沟。

在附加的图像中,您可以看到它当前对红色滚动条的作用......它创建了一个垂直的排水沟,将内容推到一边。

但我想做的是底部的内容......将滚动条定位在内容之上。

我已经尝试过绝对定位.jspVerticalBar,但我无法摆脱排水沟。

在此处输入图像描述

编辑:这是问题的 jsFiddle:http: //jsfiddle.net/8Mebt/3/ - 正如你所看到的,最右边仍然有一个差距,并且项目的“选定”状态并没有扩展所有按照我的意愿结束。

0 投票
1 回答
308 浏览

jscrollpane - JScrollPane 动态调整问题

我正在使用 JScrollPane 来设置滚动条的样式。但是,我需要通过 ajax 加载内容。

我发现它 JSrollpane 在内容超过高度时不会自动添加滚动条。

任何人都可以建议解决这个问题吗?

有2个例子。测试块 #1 使用 JScrollPane,测试块 #2 使用默认滚动条。

如果您在任一测试用例中单击红色框,则会添加示例内容作为响应。您会注意到默认滚动条会自动调整,但即使添加了内容,jscrollpane 也不会调整。

0 投票
0 回答
284 浏览

jquery - jScrollPane 裁剪垂直内容 Chrome / Webkit

我正在尝试在类似于他们在 www.rolex.com 上所做的项目上实现 jScrollPane - v2.0.0beta11,但是我遇到了在 Chrome/webkit 中垂直裁剪副本的问题?

见这里(需要点击底部的“查看 HTML”才能看到正确的页面)

http://www.rolex.com/en/rolex-watches/day-date/parachrom

我在最新的 2.00 beta1 中遇到了完全相同的问题,在所有操作系统上进行了测试,并且只发生在 webkit 浏览器中。似乎在初始化时滚动条已正确应用,但在焦点和滚动时它会降低可滚动高度?因此您无法在向上滚动时访问底部的几个像素或顶部。

您可以通过关注另一个元素来修复它,我注意到如果您滚动框导致问题,然后关注另一个元素(如箭头)或浏览器外部,它会修复它。initFocusHandlers 可能有问题吗?

注意到一些人有这个问题,但似乎已经通过脚本调用排序或 reInitialiseOnImageLoad / autoReinitialise 修复了它 - 没有一个对我有用

花了几天时间试图修复它,让我非常疯狂,任何建议都是邪恶的。

干杯

0 投票
2 回答
2400 浏览

javascript - Div 不显示带有 jScrollPane 的滚动条

如果这个问题已经被问过,我很抱歉,但我正在努力寻找关于 SO 的答案。

我在div. 我可以告诉插件已正确链接,因为标准浏览器滚动条已删除,但没有添加 jScrollPane 滚动条作为替换,我只是无法向下滚动内容..

我的标记很简单:

Javascript:

有谁之前经历过这个吗?我缺少一些简单的东西吗?

我想我可能在某处或某处遗漏了一些 CSS,否则我不知道如何指定滚动条的颜色......

您的帮助将不胜感激

0 投票
1 回答
897 浏览

javascript - 某些对象不支持 jScrollPane?没有自定义 CSS 应用于滚动条

如果这是一个非常简单的问题,我很抱歉,但我似乎无法在 SO 或 jScroll 谷歌组中找到答案。

目前,我的代码基本上是:

然后,在 $(document).ready 中调用的函数内部,我有:

但是,我收到的错误是:

有趣的是,代码成功地将本地化滚动条应用于包装器 div。但是,没有应用任何自定义 css,当我签入 Firebug 时,jScroll 没有创建它自己的滚动条,我怀疑这就是为什么只显示浏览器的本机滚动条设计的原因。

知道这个错误是什么意思吗?该对象是一个div,所以我不知道为什么它不支持jScrollPane。所有正确的 CSS 和 JS 文件都被指向,Firebug 告诉我网站正在加载它们。我在所有浏览器中都有同样的问题。

抱歉无法提供链接。该项目在我公司的内部服务器上。感谢您提供的任何建议。

编辑:这是我的链接/脚本在标题中的样子。

编辑:已解决。 我不确定这是否正是问题解决的原因,但我意识到我正在处理的页面的其他部分正在调用更新版本的 jQuery。我删除了所有调用,除了上面显示的调用,因为它是 jScrollPane 教程页面上调用的版本。似乎解决了这个问题。

谢谢大家。

0 投票
0 回答
3929 浏览

jquery - 在 jspScrollable 区域中垂直滚动将内容移出视图

我的网页上有一个使用 jScrollPane 的区域。它应该水平滚动,并且这样做。元素高度小于容器,没有出现垂直滚动条。

但是,当我使用鼠标滚轮向下滚动页面时,如果我的光标位于滚动窗格上方,它将向上滚动所有内容,直到底部与光标对齐,然后滚动页面。所以水平滚动的内容现在几乎离开了溢出隐藏容器内的页面。

当它水平滚动时,jspPane 中的 left 属性会正确调整,但它总是说顶部没有移动。与页面上的容器相同。

我尝试将 Horizo​​ntalDragMaxWidth 设置为 1,但这没有效果。

这是我测试过的所有浏览器的问题。如果我不实例化 jScrollPane,那么它可以很好地水平滚动并且没有垂直滚动问题。

我能做些什么来防止这种滚动页面?