将用户带到页面上div退出的某个点?

时间:2013-04-08 19:27:45

标签: javascript jquery

有人可以帮助,我在页面上的几个div中消失,每次用户关闭一个div时,另一个会淡入,我想尝试实现的是一种方式将用户上/下页面移至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>

1 个答案:

答案 0 :(得分:0)

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

首先,制作一个锚。

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

接下来,建立一个指向该锚点的链接。

<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>