javascript - 将用户带到页面上 div 淡入的特定位置?

标签 javascript jquery

有人可以帮忙吗,我在页面上的几个 div 中淡入,每次用户关闭一个 div 时,另一个 div 就会淡入,这是我想要的try and Achieve 是一种让用户在页面上/下移动到 div 所在位置的焦点的方法吗?

这可能吗?如果可以的话我该如何实现,谢谢

<script>
        $(".dashboard_intro_arrow3").hide();
        $(".dashboard_intro3").hide();
         $(".dashboard_intro_text3").hide();
        $(".exit_intro3").hide();
        $(".dashboard_intro_fav").hide();

        $('.exit_intro2').click(function () {
            if ($('.dashboard_intro2').is(":visible")) {
                 $(".dashboard_intro2").fadeOut(500);
                 $(".dashboard_intro_arrow2").fadeOut(500);
                 $(".exit_intro2").fadeOut(500);
                 $(".dashboard_intro_text2").fadeOut(500);
                 $('.dashboard_intro_arrow3').delay(500).fadeIn(500);
                  $('.dashboard_intro3').delay(500).fadeIn(500);
                  $('.dashboard_intro_text3').delay(500).fadeIn(500);
                  $('.exit_intro3').delay(500).fadeIn(500);


            }
        });
    </script>

最佳答案

我不知道这是否是您想要的,但您可以使用页面上的 anchor 进行滚动。当您导航到 anchor 时,页面会滚动,以便 anchor 元素位于窗口的最顶部。

首先,制作一个 anchor 。

<a name="anchor"></a>

接下来,创建指向该 anchor 的链接。

<a href="#anchor">Click me!</a>

或者根据您的情况,使用 JS 进行导航。

location.hash = "#anchor"

例如:

<html>
<head></head>
<body>

<div id="myDiv">
<a name="scrollToDiv"></a>
...
</div>

<script>
location.hash = "#scrollToDiv";
</script>

</body>
</html>

关于javascript - 将用户带到页面上 div 淡入的特定位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15887280/

相关文章:

javascript - jQuery 多次执行脚本

javascript - 根据窗口大小消除视差

javascript - 意外的 token : Express and nodejs

javascript - jQuery 或 Javascript 动画

javascript - feed 中的多个 JS 加载和执行

javascript - IE Javascript/jQuery 困境

javascript - 浏览器插件或扩展程序可以查看页面中运行的 JavaScript 变量的值吗

jquery克隆问题,修改id也改变了原始选择器

jQuery tablesorter - 标题中的行跨度导致奇怪的行为

jquery - 递归连接数组