是否将垂直滚动条位置固定到div（cshtml）中的第二行？

我有一个带滚动条的div，显示15个月，每行3个月，当页面加载时，我想将滚动条位置固定到第二行，如屏幕截图所示。如屏幕截图所示，滚动条应固定到屏幕截图中所示的位置，而不是div顶部。此要求的原因是我们显示的是前3个月，但用户应在页面加载时看到当前月份。我希望我已经讲清楚了

我正在使用

<div id="key_dates" style ="overflow:scroll;width:960px;height:500px">

你们能帮忙吗

谢谢，

---

Adarsh

您需要为此使用JavaScript：

<!-- 
     Place this script before closing </body> tag so that
     DOM (HTML elements tree) is already built when the script is running 
-->
<script>
// create a closure to not pollute global scope
!function () {
  // cache reference to keyDates element
  var keyDates = document.getElementById('key_dates');
  // set scroll to the height of one row
  keyDates.scrollTop = 150; // substitute `150` with height of one row
} ();
<script>

//创建一个不污染全局范围的闭包
!函数（）{
//缓存对keyDates元素的引用
var keyDates=document.getElementById（'key_dates'）；
//将滚动设置为一行的高度
keyDates.scrollTop=150；//将'150'替换为一行的高度
} ();

是element.scrollTop的文档

如果您使用的是jQuery，那么您可以这样做（并且是文档）

$（'key#u dates'）。滚动顶部（150）；

---

jQuery的一个示例：

我似乎无法用JSFIDLE正确地演示这一点，但如果在浏览器中测试它，它就可以工作。使用每行上的锚定，我们可以使用href或url将窗口锚定到指定位置

例如，如果您在

www.address.tld/calendar

中实现此代码，要显示第二行，您需要输入

www.address.tld/calendar#row2

---

您只能在第二行上使用锚点，并且可以根据需要以静态或编程方式放置锚点。这是一个非常直截了当的解决方案，但有些人不喜欢url中的哈希和锚名称。我不介意。

你可以这样演示：@gryzly-Perfect！谢谢你的指点。另外，上面的回答很好。根据身高进行调整似乎更适合我，因为我并没有真正控制行数。但是当我在jquery$（'key_dates'）中添加这段代码时，scrollTop（150）；滚动条的位置似乎根本没有改变。这里有什么我可能遗漏的吗？请注意，我们更改了父对象的

scrollTop

，容器，应用了

溢出的元素：scroll

，我猜某个地方再次发生了页面重新加载，试图找出问题。明白了：）我现在把它放在正确的位置，成功了。非常感谢。

<script>
$('#key_dates').scrollTop( 150 );
</script>