jQueryScrollTop只在一个代码段中工作，不'；在同一页的另一页

因此，我有两个淡入淡出的屏幕（步骤），我试图实现的是，当我们按下第一步上的按钮时，它会进入第二步顶部（这始终是包含所有这些ID的主DIV:

enter give away now

），然后进入第三步和第四步等等

当第一步开始工作时，我遇到了一个奇怪的问题（我们按下一个

标签，当前页面会淡出，而页面会滚动到顶部并显示新的步骤），而所有其他步骤都不起作用。。它们会褪色，但不会滚动到

输入give away now

div top

<section class="section-second">
    <div class="container">
        <div id="enter-give-away-now" class="row phone-select-row">             
            <div class="step1 marker_show">
                <h1 style="padding: 0 4px 0 4px;"><span>Pick a color.</span>Choose your Color</h1>

                <div class="col-md-3 col-sm-6 next">
                    <a href="#enter-give-away-now" class="color-select-button color-select-button_4 scroll-me">
                        <img class="img-responsive img-color-select" src="img/4.png">
                        <span>White</span>
                    </a>
                </div>  
            </div>
            <!-- STEP 1 END -->

            <div class="step2 marker_show" style="display: none;">
                <h1 style="padding: 0 4px 0 4px;"><span>Title</h1>

                <div class="col-sm-4 next">

                    <a href="" id="scroll-me2" class="capacity-select-button color-select-capacity_1 scroll-me">
                        <span class="gb-amount">4<span class="gb-sign">GB</span></span>
                        <div class="capacity-info">
                            <span class="reg-price"><span class="price-label">Test builds left:</span> 3</span>
                            <span class="reg-price"><span class="price-label">Regular price:</span> 59,99$</span>
                            <span class="your-price"><span class="price-label">Your price:</span> 29,00$</span>
                        </div>  
                    </a>

                </div>
            </div>
            <!-- STEP 2 END -->
            </div>
            </div>
            </section>

正如您所见，我已经尝试了两种方法（

。滚动我

在步骤1中效果很好）。

---

步骤2/3/4有问题，我也尝试用一些其他代码（

#scroll-me2

）来完成，但没有成功。不要注意我同时拥有两个

。滚动我

和

#滚动我2

，这只是为了说明我两个都试过。

你能改变这个吗

$("#scroll-me2").click(function() {
$('html, body').animate({
    scrollTop: $("#container").offset().top
}, 500);

}))

对此,

$("#enter-give-away-now").on('click', '#scroll-me2', function() {
$('html, body').animate({
    scrollTop: $("#container").offset().top
}, 500);

}))

---

当您的jquery代码呈现时，id为#scroll-me2的元素不会显示，这就是您无法使用的原因。单击此处。

您太棒了。谢谢！

$("#enter-give-away-now").on('click', '#scroll-me2', function() {
$('html, body').animate({
    scrollTop: $("#container").offset().top
}, 500);