当前位置：文江博客话题详情

检查 Javascript 中是否存在滚动条？

发布于 2024-11-03 15:40:30 字数 195 浏览 1 评论 0原文

我正在构建一个小便笺应用程序来娱乐，有时会发生这种情况：

（这是因为第一个单词比注释的宽度。）

有没有办法用 Javascript 检查滚动条是否存在？如果我能做到这一点，我可以调整注释的大小，直到它包含没有滚动条的文本。

原文

分享到QQ

分享到微博

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

发布评论

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

乖乖 2024-11-10 15:40:30

如果此 CSS3 属性对于其容器来说太大，则会破坏其中的单词：

#selector {  
    word-wrap: break-word;  
}

word-wrap: normal; 切换样式

这基本上适用于每个浏览器，无论您相信与否，对该属性的支持最早可以追溯到 IE5。这要归功于 Louis Lazaris 的文章，自动换行：适用于的 CSS3 属性每个浏览器。

This CSS3 property will break a word within if it is too large for its container:

#selector {  
    word-wrap: break-word;  
}

word-wrap: normal; to toggle style

This works in basically every browser and believe it or not, support for the property goes as far back as IE5. Credit for this goes to Louis Lazaris for his post, Word-Wrap: A CSS3 Property That Works in Every Browser.

回复收藏 0 原文

谷夏 2024-11-10 15:40:30

这是一种完成OP要求的方法，如果它有滚动条，则加宽div，直到不再有滚动条：

var autoWiden = function ( elem ) {
    var checkForScroll = function() {
            var tsl;

            elem.scrollLeft += 10; // try to scroll
            tsl = elem.scrollLeft; // will be 0 if no scroll bar
            elem.scrollLeft = 0;   // reset scroll

            return tsl;
        };

    while (checkForScroll() > 0) {
        elem.style.width = (elem.offsetWidth + 10) + 'px';
    }
};

参见示例→

Here's a way to accomplish what the OP asked for, to widen a div if it has a scroll bar until there's no longer one:

var autoWiden = function ( elem ) {
    var checkForScroll = function() {
            var tsl;

            elem.scrollLeft += 10; // try to scroll
            tsl = elem.scrollLeft; // will be 0 if no scroll bar
            elem.scrollLeft = 0;   // reset scroll

            return tsl;
        };

    while (checkForScroll() > 0) {
        elem.style.width = (elem.offsetWidth + 10) + 'px';
    }
};

See example →

回复收藏 0 原文