【问题标题】: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 examplethis one

标签: html css asp.net-mvc asp.net-mvc-4 razor


【解决方案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;" );

【讨论】:

    最近更新 更多