我正在尝试使用预定义主题在// css code for trial purpose
<style type="text/css">
.col1 {
width: 75%;
}
</style>
<table class="table" style="table-layout: fixed; overflow:scroll">
<tbody style="display: block; overflow: scroll; height:400px; width: inherit">
<tr>
<th class="col1"> // also tried style="width:25%" and class="col-lg-2" as well
@Html.DisplayNameFor(model => model.Project.PROJECT_NO)
</th>
<th>
@Html.DisplayNameFor(model => model.Project.TITLE)
</th>
<th>
@Html.DisplayNameFor(model => model.Project.DESCRIPTION)
</th>
<th >
@Html.DisplayNameFor(model => model.Project.AWARD_DATE)
</th>
<th >
@Html.DisplayNameFor(model => model.Project.SCH_START_DATE)
</th>
<th>
@Html.DisplayNameFor(model => model.Project.SCH_END_DATE)
</th>
<th></th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Project.PROJECT_NO)
</td>
<td>
@Html.DisplayFor(modelItem => item.Project.TITLE)
</td>
<td>
@Html.DisplayFor(modelItem => item.Project.DESCRIPTION)
</td>
<td>
@Html.DisplayFor(modelItem => item.Project.AWARD_DATE)
</td>
<td>
@Html.DisplayFor(modelItem => item.Project.SCH_START_DATE)
</td>
<td>
@Html.DisplayFor(modelItem => item.Project.SCH_END_DATE)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id = item.Project.ID }) |
@Html.ActionLink("Details", "Details", new { id = item.Project.ID }) |
@Html.ActionLink("Delete", "Delete", new { id = item.Project.ID })
</td>
</tr>
}
</tbody>
中创建一个网站。但是，在我的jekyll中，bower.json版本被称为jquery，导航栏不固定，向上滚动页面，而在原始源代码中，使用的版本是"^3.1.0"，所以当我将2.2.3中的jquery版本更改为bower.json时，它就有效了！这是滚动的javascript代码。为什么会这样？此外，是否建议将网站中的依赖版本更新为最新版本，我应该将"^2.2.3"更新为最新版本吗？
jquery答案 0 :(得分：0)
3.1.1 https://jsfiddle.net/br3t/pujfta96/对我来说很好。
另外，您创建scrollPos，但在if-else语句中使用$(window).scrollTop()。
您无法检测到每个卷轴的system，只需将其设置为windowScroll一次。