Javascript 滚动到一个类，点击按钮-HTML

我有一个HTML页面，它的框架有很多行，还有一个按钮“下一步”。单击“下一步”按钮，我应该能够导航到橙色的段落。所有具有橙色的段落将属于同一类别

这意味着，在页面加载时，我应该能够导航到第三段。再单击一次，我应该转到第6段，以此类推

---

我试图使用document.getElementsByCassName（）。但我无法编写逻辑来导航到那个特定的位置。请帮帮我

你可以试试这个。首先，创建一个名为number的变量，该变量存储当前需要滚动到的段落。如1、2等。当页面加载时，其值将为1

var number=1;

下一步是向所有橙色段落添加ID。第一段得到idorange1，第二段得到idorange2，依此类推。您可以手动执行此操作，或者如果段落太多，您可以尝试通过循环或类似的方式添加段落

现在假设“下一步”按钮有一个名为“按钮”的id，您可以添加以下代码：

$('#button').click(function() {
    $('html, body').animate({
        scrollTop: $('#orange'+number).offset().top
    }, 1000);

    number++;
});

---

现在，无论何时单击“下一步”按钮，页面都应该滚动到正确的段落。希望这有帮助。

你可以这样做，就像这样

工作

$("p:first").addClass("active");

$(document).on("click","#ip",function(){
    if($("p.orange:last").hasClass("active")){

           var topVal = $("p:first").offset().top;

           $("html body").animate({
                scrollTop:topVal
            },500,function(){
                $("p").removeClass("active");
                $("p:first").addClass("active");
            });
       }
    else{
        var nextElem = $("p.active").nextAll("p.orange:first");

        var topVal = nextElem.offset().top;
        //alert(topVal);
        $("html body").animate({
            scrollTop:topVal
        },500,function(){
            $("p").removeClass("active");
            nextElem.addClass("active");
        });
   }
});

---

你能在这里写下（）你试过什么吗？

导航到

你的意思是说

用class
orange
滚动到

下一段吗？阿米特·索尼：是的。我们需要滚动到那一段。@Rupam-Datta:我没有从我的机器上访问JSFIDLE的权限。。