javascript - 根据单击一个页面上的哪个 div href，在第二页上加载滑块的不同部分？

Question

一页有一个包含一些 div 的滑块。另一个页面有一堆 div。如何做到这一点，当我单击第一页上的某个 div 时，它将用户链接到相应的滑块 div？现在，一切都从“ContentBox1”开始。我也将它初始化为它的 css 为“left: 0;”

滑块页面的 HTML：

<div id="Content">
            <div id="ContentBox1" class="active">
            <div id="ContentBox2" ></div>
            <div id="ContentBox3" ></div>
            <div id="ContentBox4" ></div>
        </div>

这是 Slider JS - 通过单击单独的菜单箭头 div 进行操作：

var $target = $($('.active').next());

                $('.active').each(function (index, self) {
                    var $this = $(this);
                    $this.removeClass('active').animate({ left: -($this.width()) }, 750);
                });

                $target.addClass('active').css({ left: ($target.width()) }).animate({ left: 0 }, 500);

Answer 1

用纯 CSS 很容易做到。不知道如何使用 jQuery 来做到这一点。

链接页面

<a href="/foo#ContentBox1">

链接页面

<div id="ContentBox1">

链接页面的 CSS

div { transition: left 1s; }
div:target { left: 100px; }