在mvc 4中隐藏特定页面的垂直滚动条

【问题标题】：Hide vertical scrollbar for specific page in mvc 4在mvc 4中隐藏特定页面的垂直滚动条
【发布时间】：2024-05-23 03:25:01
【问题描述】：

使用以下 css 代码，我可以禁用整个 mvc 4 项目视图文件的垂直滚动条。

body {
 overflow-y: hidden!important;
}

但是如何禁用特定cshtml视图页面的垂直滚动条

【问题讨论】：

在这些特定视图中对 CSS 进行模式化。如果您针对特定场景，您可以使用 Razor 语法添加文本。如果您以特定 HTML 对象为目标，请将其 id 或类设置为选择器，而不是 body。
你能解释更多吗
您可以使用与这些视图相关的特定选择器，而不是使用正文选择器。
@AndreiV 你能举个例子吗
查看this example 和this one。

【解决方案1】：

您有两个主要的解决方案：使用 CSS，您选择一个带有类选择器的 body 或 div（有关更多信息，请参阅selector class），或者您使用 JQUERY/JS

第一个解决方案：你可以用

包裹剃须刀页面

<div class="hideVerticalScrollbar">
content here
</div>

或者直接使用这个body：

<body class="hideVerticalScrollbar">
    content here
</body >

然后使用这个规则：

.hideVerticalScrollbar{
 overflow-y: hidden!important;
}

或者第二种可能，你可以使用 jquery/javascript

$("body:has(div.hideVerticalScrollbar)").css( "overflow-y: hidden!important;" );

【讨论】：