有没有办法让 jQuery Tiny Scrollbar 相对于屏幕尺寸具有 100% 的高度？

发布于 2024-12-12 02:43:09 字数 337 浏览 0 评论 0原文

我正在用头撞墙。我正在研究一个全屏设计。到处搜索，尝试找到一种方法使 Tiny Scrollbar 与此设计。我有一个侧面板滑块工作得很好，我希望滚动条填充屏幕的垂直右侧。我那里也有滚动条。我目前将“视口”设置为高度：600px；如果我将高度设置为 100% 或使用最小高度，滚动条内的所有内容都会消失。我希望滚动条能够根据屏幕尺寸调整大小。

任何建议都会让我开心！

提前致谢。

原文

分享到QQ

分享到微博

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

发布评论

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

私野 2024-12-19 02:43:09

如果您仍然需要它：

var heightscroll = $(window).height();  
         $('.viewport').css('height', heightscroll );

对我有用，但需要一个在调整窗口大小时更新高度的函数。

if you still need it:

var heightscroll = $(window).height();  
         $('.viewport').css('height', heightscroll );

Works for me , but is needed a function to update the height when window is resized.

回复收藏 0 原文

夕色琉璃 2024-12-19 02:43:09

当使用以下代码调整浏览器窗口大小时，我设法使用 .viewport resize 执行上述操作：

$(function() {  

    $(window).resize(function(){
        var heightscroll = $(window).height();
        $('.viewport').css('height', heightscroll); 
    });

    $(window).resize();
});

不过，我不知道如何正确调整滚动条句柄的大小。

I managed to do the above with .viewport resize when browser window is resized with this code:

$(function() {  

    $(window).resize(function(){
        var heightscroll = $(window).height();
        $('.viewport').css('height', heightscroll); 
    });

    $(window).resize();
});

I have no idea how to resize the scrollbar handle properly, though.

回复收藏 0 原文

八巷 2024-12-19 02:43:09

我想我明白了：

$(function() {  
    $(window).resize(function(){
        var heightscroll = $(window).height();
        $('.viewport').css('height', heightscroll-48);              
        var oScrollbar = $('#scrollbar');
        oScrollbar.tinyscrollbar();
        oScrollbar.tinyscrollbar_update();
    });
    $(window).resize();
});

注意：我使用 heightscroll-48 因为我有一个标题要固定在滚动上方。如果你真的想要完整的 100% 高度，只需使用 heightscroll 并删除“-48”。

I think I got it:

$(function() {  
    $(window).resize(function(){
        var heightscroll = $(window).height();
        $('.viewport').css('height', heightscroll-48);              
        var oScrollbar = $('#scrollbar');
        oScrollbar.tinyscrollbar();
        oScrollbar.tinyscrollbar_update();
    });
    $(window).resize();
});

Note: I used heightscroll-48 because I have a header I want fixed above the scroll. If you really want full 100% height just use heightscroll and delete "-48".

回复收藏 0 原文

~没有更多了~