问题标签 [perfect-scrollbar]

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 回答
1208 浏览

html - Trouble with Perfect Scrollbar

I'm using the Perfect Scrollbar jQuery app (http://www.yuiazu.net/perfect-scrollbar/) for this site:

http://thehummingbirdplace.com/

The scrollbar shows up when you hover over the News section, but it won't scroll down to reveal the content. I've used this scrollbar before successfully, so I'm stumped as to what is different now. I haven't been able to replicate this on a simpler page, when I experiment on another page it either works or just vanishes, so I'm not sure why it is successfully showing up, yet not scrolling on the main page.

I've tried taking out the second use of jQuery on the page too, just in case, but I get the same result.

Any help would be appreciated!!

0 投票
1 回答
2396 浏览

scroll - 完美滚动条设置 maxScrollbarLength

我使用了这个插件https://github.com/noraesae/perfect-scrollbar并且有minScrollbarLength但是我想设置maxScrollbarLength但是我的编程能力很低而且我不知道我可以在哪里更改这个选项所以我寻求帮助。

我在索引中的代码

0 投票
1 回答
3129 浏览

jquery - 完美的滚动条超越内容

我正在使用 jquery 的完美滚动条插件“完美滚动条”,但我遇到了问题。

滚动条似乎超出了内容,而不是在滚动时包装所有内容,如下面的示例站点所示(注意:单击“附加”以查看错误):

http://ec2-54-84-168-45.compute-1.amazonaws.com/Teapop/menu#teapop_nav

任何人都可以对我如何解决这个问题提出建议吗?

谢谢

0 投票
2 回答
2831 浏览

javascript - 在 iframe 上使用“完美滚动条”

我正在寻找自定义 iframe 滚动条的跨浏览器解决方案。我对javascript不是很先进,所以我一直在寻找一个css解决方案。我找到了适用于 webkit 浏览器的 css 解决方案,但它只适用于 opera、chrome,但不适用于 IE。现在,我可以看到我将无法避免使用 js。我正在寻找一个好的解决方案,而这已经到了我的手中

完美的滚动条

我有红色的文档,但我有点困惑。我已经下载了它的最新版本。该文件夹包含许多文件,我真的不知道如何处理它们。还有像“min”和“src”这样的文件夹。那么谁能告诉我如何使用这个插件?我应该在我的 html 中包含哪些文件以及我应该进行哪些其他设置来完成任务?我知道,我应该先学习 js 和 jquery,但如果有人能在这里提供帮助,我将不胜感激。谢谢

编辑:好的,我设法让它工作了一点。我需要将该滚动条应用于 iframe。但是,我有一些困难。当我像您在下面看到的那样执行此操作时,当我将鼠标移到 iframe 上时,会出现滚动条,但默认滚动条也保留在那里,只有默认滚动条是可用的。

这是我的主页的代码:

这是CSS:

和 JS(包含的 scroll.js):

0 投票
2 回答
9972 浏览

javascript - 完美滚动条默认滚动条仍然存在,并且“完美滚动条”不起作用

我真的需要这个帮助。我想用“完美滚动条”替换 iframe 上的默认滚动条。我已经下载了完美的滚动条。我还将所需的文件包含在我的 html 文档中。根据文档,我在 iframe 中设置了内容容器的样式。结果是,当我加载我的主页并将鼠标光标移动到 iframe 上时,会出现“完美滚动条”,但默认滚动条仍然存在。下一个问题是,新的滚动条根本不起作用。它从 iframe 内容的顶部开始,在 iframe 内容的底部结束,因此我无法滚动它。

我的 iframe 内容页面的 HTML:

CSS:

JS(包括 scroll.js)

谁能指出我在这里有什么问题?

0 投票
1 回答
3424 浏览

jquery - 具有相对高度的完美滚动条

我正在使用完美滚动条在我的应用程序中自定义滚动条。现在我有一种情况,我希望以百分比定义可滚动部分的高度。我试图将高度设置为百分比,但它不起作用。

这是示例

任何人都可以帮忙吗?

0 投票
3 回答
11786 浏览

javascript - “完美滚动条”(jQuery 插件)在其容器被 Angular.js 填充时未正确初始化

在我的页面上,我使用 Angular.js 从 json 文件以编程方式生成食物/饮料菜单。问题在于用于滚动角度生成内容的“完美滚动条”,这似乎需要滚动轮事件才能在这些菜单上进行初始化。这使得在没有滚轮的设备上滚动是不可能的。除了角度生成的内容外,其他页面正确初始化完美滚动条。这给了我一个线索,即问题可能在于 jQuery 世界(完美滚动条是一个 jQuery 插件)和 Angular 世界之间的交互。
该网站是themockingbird.co.uk - 导航到“食物”和“饮料”以查看实际问题 - 无法滚动内容(完美滚动条不会'
我写了这个小指令:

通过角度来促进两个菜单的“完美滚动条”,但这并没有解决问题。
我怎样才能使完美的滚动条与角度完美地工作(双关语:)?
我很感激你的时间。
干杯
杰瑞德

0 投票
1 回答
1158 浏览

javascript - 带有敲除绑定的完美滚动条

谁能帮我解决完美滚动条 jquery 的敲除绑定处理程序

这是视图模型

这是代码

这是敲除绑定处理程序,它在鼠标悬停时显示滚动条,但无法正常工作

0 投票
3 回答
822 浏览

javascript - $(window).load(function() 并不总是有效

我正在尝试在我的网站上的 div 上实现滚动条插件,但我遇到了一些问题。首先它应该是这样工作的:

但我只能让它像这样工作:

但是使用window.load脚本似乎并不是一直都在工作,或者至少滚动条并不总是出现。

我对 js 或 jquery 不是很熟悉,但我将 src 文件插入到perfect-scrollbar.js一个文件夹中,我通常这样调用它:<script src="http://domain.com/javascript/perfect-scrollbar.js"></script>在标题上并将我上面描述的代码与window.load放在它之后<script></script>。我假设这是与另一个准备好的文档发生冲突,所以我在网上搜索了解决方案和其他加载它的方法,我发现没有冲突,并尝试像这样实现:

但仍然没有结果,唯一的作用就是阻止网站的所有 jquery 工作。谁能帮我这个?提前致谢

0 投票
2 回答
4433 浏览

jquery - 在 iframe 中插入 div 元素

我正在尝试在 iframe 中插入一个 div 元素,我希望最终应用一个完美的滚动条。到目前为止,我已经能够在 div 中插入 iframe 并对其应用完美的滚动条。有任何想法吗?

我的代码如下:

我试图在 iframe 中作为 div 插入的部分如下: