在元素被隐藏/取消隐藏的函数中,使用javascript移动(而不滚动)至锚点

朋克克拉斯塔

我有一个小应用程序,在同一页面中,我使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 jQuery 隐藏 Div 和滚动到锚点

来自分类Dev

使用javascript取消隐藏表单中的某些元素

来自分类Dev

使用javascript隐藏和取消隐藏div元素

来自分类Dev

使用Java取消隐藏元素

来自分类Dev

隐藏元素中的内容而不隐藏子类

来自分类Dev

隐藏基于文本的锚点

来自分类Dev

仅使用Javascript在滚动上显示/隐藏元素

来自分类Dev

克隆后Javascript无法取消隐藏元素?

来自分类Dev

使用 Javascript 函数隐藏 PHP 中的按钮

来自分类Dev

使用react-select隐藏/显示元素-不隐藏元素

来自分类Dev

UITableViewCell - 隐藏未使用的视图或什至不添加它们?

来自分类Dev

如何隐藏移动设备中的元素?的CSS

来自分类Dev

css 中的隐藏元素在通过 Javascript 函数使用 onclick 事件切换时显示

来自分类Dev

隐藏/显示javascript中的元素

来自分类Dev

使用JavaScript隐藏/显示元素

来自分类Dev

使用javascript隐藏html元素

来自分类Dev

使用javascript隐藏html元素

来自分类Dev

当微调器使用Selenium和Python将锚元素隐藏时,如何单击该锚元素?

来自分类Dev

.hover()锚元素并显示隐藏辅助元素

来自分类Dev

斯威夫特-UITableView不取消隐藏

来自分类Dev

使用JavaScript而不是常规锚点移动到我网站中的其他页面

来自分类Dev

SiteMap不隐藏元素

来自分类Dev

Firefox无法滚动隐藏滚动元素中的导航键

来自分类Dev

选中/取消选中复选框以使用 javascript 显示/隐藏输入文件元素

来自分类Dev

无法在滚动移动中隐藏固定标题?

来自分类Dev

可滚动元素的顶部被隐藏

来自分类Dev

在Excel中隐藏/取消隐藏列的宏

来自分类Dev

隐藏UIPageViewController中的点

来自分类Dev

显示和隐藏不隐藏元素

Related 相关文章

热门标签

归档