jQuery 滚动插件

发布于 2024-09-26 12:38:28 字数 368 浏览 5 评论 0原文

我刚刚将 jQuery jScrollPane 插件添加到我的页面中,除了一个小问题外,它似乎工作正常。我想减小滚动条选项卡(我们单击以上下拖动滚动条)的大小(高度)。我附上了它的当前快照,您可以看到它有多长。在示例网站上,它显示得很好。

源: http://jscrollpane.kelvinluck.com/themes/lozenge/

注意:我我正在谈论快照上的深色区域。

替代文字

I just included jQuery jScrollPane plugin in to my page and it seems to be working fine except one small issue. I want to decrease the size(height) of scrollBar tab (where we click to drag the scroll bar up and down). I have attached the current snapshot of it as you can see how long it is. On the example site, it shows up fine.

Src: http://jscrollpane.kelvinluck.com/themes/lozenge/

Note: I am talking about the Dark Colored Area on the snapshot.

alt text

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

泪冰清 2024-10-03 12:38:28

如果您想减小“拖动”元素的大小,您可以将一些属性传递到插件中来执行此操作。请参阅以下示例:

http://jscrollpane.kelvinluck.com/drag_size.html

If you want to reduce the size of the "drag" element there are some properties you can pass into the plugin to do so. Please see this example:

http://jscrollpane.kelvinluck.com/drag_size.html

人心善变 2024-10-03 12:38:28

深色元素的高度是根据窗格的内容和大小动态计算的。

在jScrollPane js中,您需要调整verticalDragHeight

搜索的计算...

verticalDragHeight = 1 / percentInViewV * verticalTrackHeight;

问题是,如果您确实改变了这一点,它可能(并且可能会)在某些情况下影响滚动条的显示。例如,如果窗格的内容小于窗格的大小,您就不需要滚动条,对吗?调整verticalDragHeight 可能会影响该确定。


以防万一我误解了这个问题,您正在定义窗格的高度吗? IE..

.scroll-pane
{
    height: 200px;
}

The height of the dark element is dynamically calculated based on the contents and size of the pane.

Within the jScrollPane js you'd need to adjust the calculation of verticalDragHeight

Search for...

verticalDragHeight = 1 / percentInViewV * verticalTrackHeight;

The trouble is, if you do alter this it could (and probably would) affect the display of the scroll bar under certain circumstances. For example, you wouldn't need a scroll bar if the contents of the pane is smaller than the size of the pane right? Adjusting the verticalDragHeight could effect that determination.


Just in case I misunderstood the question, you are defining the height of your pane right? I.e...

.scroll-pane
{
    height: 200px;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文