我有一个小应用程序,在同一页面中,我使用JavaScript通过添加和删除hide类来隐藏取消隐藏的元素,以使其看起来像您要进入新页面。麻烦在于,它并不总是将您带到新“页面”的顶部。有人告诉我,最聪明的方法可能是使用锚点。我不需要任何平滑的滚动或任何操作,因为它看起来像您已经进入了新页面。这里似乎有很多人在建议如何制作精美的滚动动画,但是我想要的只是将视图捕捉到页面的正确位置。目前,我只有一个锚点。
我的JavaScript的一个典型部分,需要在其中添加“移动锚点”代码;
$("defects_found").click(function() {
if (check_checklist()) {
$("#identify_defects").removeClass("hide");
$("#check_defects").addClass("hide");
$("#nil_defects").removeClass("was_pressed");
$("#defects_found").addClass("was_pressed");
$("#details_text")[0].required="true";
$("#select_defects_error1").addClass("hide");
} else {
$("#select_defects_error1").removeClass("hide");
}
});
无论哪个元素被隐藏/隐藏,我都想移至页面顶部的同一锚点。我将导航点放置在导航栏的html下方;
<a class="scroll" name="anchor"></a>
对于即时滚动(无滚动动画),请scrollTop
使用滚动条设置元素的属性。在这种情况下,听起来像是您想要的document.body.scrollTop = 0;
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句