0
我正在使用以下代码在ASP.NET Web应用程序中创建一个滚动div。如何停止滚动移动当我单击表格中的项目
<div id="my_scroll_form" style="overflow:auto; height:500px">
//My large form goes here (contains radio buttons and check boxes)
</div>
但每当我向下滚动,点击任何单选按钮或复选框,滚动进入到上,我不得不再次向下滚动。每次我点击表单上的内容时都会发生这种情况。有没有办法阻止这种情况发生,并且在我与表单交互时,不要将滚动条移动到默认顶部位置?
<div id="request_scroll" style="overflow:auto; height:100px">
<input type="radio" name="select" value="option1" /> Option 1 <br />
<input type="radio" name="select" value="option2" /> Option 2 <br />
<input type="radio" name="select" value="option3" /> Option 3 <br />
<input type="radio" name="select" value="option4" /> Option 4 <br />
<input type="radio" name="select" value="option5" /> Option 5 <br />
<input type="radio" name="select" value="option6" /> Option 6 <br />
<input type="radio" name="select" value="option7" /> Option 7 <br />
<input type="radio" name="select" value="option8" /> Option 8 <br />
<input type="radio" name="select" value="option9" /> Option 9 <br />
<input type="radio" name="select" value="option10" /> Option 10 <br />
</div>
以上是在HTML工作片段,但在这里,如果我点击单选按钮,滚动不会复位。在我的情况下,使用ASP.NET web窗体<asp:RadioButtonList>
,我的后端代码是C#,它处理此单选按钮列表的OnSelectedIndexChanged
事件。在ASP.NET单击单选按钮时,滚动重置为顶部位置。
你能分享可执行演示/片断或[的jsfiddle(https://jsfiddle.net/)? [_创建一个最小,完整和可验证的示例_](http://stackoverflow.com/help/mcve) – Rayon
您可以通过使用javascript [Event Preventdefault](http://www.w3schools.com/jquery/)来防止点击event_preventdefault.asp) –
我编辑了我的问题 –