针对 jquery 问题的 JScrollPane 插件。定制但遇到麻烦

发布于 2024-10-21 21:28:51 字数 1487 浏览 3 评论 0原文

好的,所以我尝试使用 jquery 的 jscrollpane 插件,它工作正常。问题是我试图实现一种效果,要求滚动条位于初始化时最初传递给它的包含 div 之外。我通过简单地更改此内容来实现此工作:

container.append(
        $('<div class="jspVerticalBar" />').append(
            $('<div class="jspCap jspCapTop" />'),
                $('<div class="jspTrack" />').append(
                    $('<div class="jspDrag" />').append(
                        $('<div class="jspDragTop" />'),
                        $('<div class="jspDragBottom" />')
                    )
                ),
                $('<div class="jspCap jspCapBottom" />')
            )
        );

 verticalBar = container.find('>.jspVerticalBar');

对此:

container.parent().parent().append(
            $('<div class="jspVerticalBar" />').append(
                $('<div class="jspCap jspCapTop" />'),
                    $('<div class="jspTrack" />').append(
                        $('<div class="jspDrag" />').append(
                            $('<div class="jspDragTop" />'),
                            $('<div class="jspDragBottom" />')
                        )
                    ),
                    $('<div class="jspCap jspCapBottom" />')
                )
            );

     verticalBar = container.parent().parent().find('>.jspVerticalBar');

但是问题是,当内容不需要滚动条时,它仍然会调整窗格大小以为滚动条留出空间。我似乎无法找出问题所在。我对 jquery 还很陌生,所以尝试调试它很困难,所以任何帮助将不胜感激。

ok so I'm trying to use jscrollpane plugin for jquery and it works fine. The issue is i'm trying to achieve an affect that requires the scroll bar to be outside the containing div that is initially passed to it when initialized. I got this working by simply changing this:

container.append(
        $('<div class="jspVerticalBar" />').append(
            $('<div class="jspCap jspCapTop" />'),
                $('<div class="jspTrack" />').append(
                    $('<div class="jspDrag" />').append(
                        $('<div class="jspDragTop" />'),
                        $('<div class="jspDragBottom" />')
                    )
                ),
                $('<div class="jspCap jspCapBottom" />')
            )
        );

 verticalBar = container.find('>.jspVerticalBar');

To this:

container.parent().parent().append(
            $('<div class="jspVerticalBar" />').append(
                $('<div class="jspCap jspCapTop" />'),
                    $('<div class="jspTrack" />').append(
                        $('<div class="jspDrag" />').append(
                            $('<div class="jspDragTop" />'),
                            $('<div class="jspDragBottom" />')
                        )
                    ),
                    $('<div class="jspCap jspCapBottom" />')
                )
            );

     verticalBar = container.parent().parent().find('>.jspVerticalBar');

The issue however is that when the content doesn't require a scroll bar it still resizes the pane to leave space for the scroll bar. I can't seem to track down the issue. I'm still fairly new to jquery so it's been rough trying to debug this so any help would be greatly appreciated.

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

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

发布评论

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

评论(1

悲凉≈ 2024-10-28 21:28:51

近乎!我想我明白了!在API中找到了“destroy()”函数。我在 V 和 H 滚动都为 false 时添加了“

if (!(isScrollableH || isScrollableV)) {

这会删除所有内容并保持格式良好。

NM! I think I got it! Found the "destroy()" function in the API. I added that in at the end of when both V and H scrolls are false "

if (!(isScrollableH || isScrollableV)) {

That strips out everything and keeps the formatting happy.

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