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

JavaScript CSS noscript

noscript 标签的正文样式？

发布于 2024-10-04 11:07:22 字数 127 浏览 5 评论 0 原文

如果没有启用 JavaScript，我希望我的正文具有 overflow:hidden （无滚动条）。

我该如何解决这个问题？是否可以在内部使用 noscript 标记？并在里面设置特定的样式？

原文

分享到QQ

分享到微博

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

发布评论

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

魂归处 2024-10-11 11:07:22

如果您指的是 HTML 文档的，我会为禁用 JS 的用户构建 HTML。例如，在 CSS 文件中包含 body { Overflow:hidden }，然后使用 JavaScript 设置页面，因为它应该适合启用 JavaScript 的用户（即删除 overflow:hidden > 使用 JavaScript）。

回复收藏 0 原文

暮色兮凉城 2024-10-11 11:07:22

我非常确定

<noscript>
    <style type="text/css">
        body {
            overflow:hidden;
        }
    </style>
</noscript>

您的可以完成这项工作。

但正如另一篇文章中所述，最好使用 CSS 来实现此目的，并使用 JavaScript 为浏览器启用溢出。

I'm pretty sure

<noscript>
    <style type="text/css">
        body {
            overflow:hidden;
        }
    </style>
</noscript>

in your <head> would do the job.

But as stated in the other post, it may be better to use CSS for this purpose, and enable overflow for browsers with JavaScript.

回复收藏 0 原文

流年已逝 2024-10-11 11:07:22

在 head 部分内使用

 <!doctype html>
 <html lang="en">
     <head>
         <script>document.documentElement.className = 'js';</script>
         <style>
             body { overflow: hidden; }
             html.js body { overflow: auto; }
         </style>
     </head>

It's not valid using the <noscript> tag inside the head section (it is allowed only inside <body>), so you could use this workaround instead (an HTML5 example)

 <!doctype html>
 <html lang="en">
     <head>
         <script>document.documentElement.className = 'js';</script>
         <style>
             body { overflow: hidden; }
             html.js body { overflow: auto; }
         </style>
     </head>

回复收藏 0 原文

恰似旧人归 2024-10-11 11:07:22

这可能是一个超级杀伤力，但只是为了一般知识：

Modernizr 使用一种机制，建议您将 < code>no-js 类在你的 html 标签上。如果 Modernizr 运行，它会删除 no-js 类。使用 Modernizr 有点大材小用，但你可以自己做。在你的 css 中你会有：

html.no-js body {
    overflow:hidden;
}

This is probably a super overkill, but just for general knowledge:

Modernizr uses a mechanism where it suggest you put the no-js class on your html tag. If modernizr runs, it removes the no-js class. Using modernizr would be an overkill, but you could do this yourself. In your css you would have:

html.no-js body {
    overflow:hidden;
}

回复收藏 0 原文

~没有更多了~

关于作者

可爱咩

暂无简介

0 文章

0 评论

23 人气

关注发私信

友情链接

文江博客

noscript 标签的正文样式？

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

发布评论

评论（4）

关于作者

相关话题

热门标签

推荐作者

烙印

singlesman

给自己一个微笑

独孤求败

晨钟暮鼓

我是自愿种绣球花的

友情链接

noscript 标签的正文样式？

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

发布评论

评论（4）

关于作者

相关话题

热门标签

推荐作者

烙印

singlesman

给自己一个微笑

独孤求败

晨钟暮鼓

我是自愿种绣球花的

友情链接

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