在特定元素停止jQuery slideUp（）

我的實際問題是我有三個段落，所以每個都是不同的高度。我爲第一段應用了slideUp（）效果，爲第二段應用了slideDown（）效果。並將按鈕放在第一段和第二段之間。如果點擊按鈕，第一段將滑動，第二段將滑動。該行動完美，但我需要如果第一段向上滑動它滾動到第三段。我如何在第二段中停止它。在特定元素停止jQuery slideUp（）

來源

2015-10-19 Menon Jats

你能創建一個類似[這裏演示（http://www.jsfiddle.net）？ – divy3993

[Jsfiddle Demo]（http://jsfiddle.net/hxgyz2cr/） –

好的。其實它不會滾動到第三個。當你刪除第一段時，首先佔用的空間減少到零。 – divy3993

我會建議使用下面的代碼：

$(document).ready(function() { 
    $("#show").click(function() { 
     $("body").animate({ scrollTop: 0 }); 
     $(".one").slideUp(); 
    }); 
});

Working : Demo

更新

更好的解決方案：

$(document).ready(function() { 
    $("#show").click(function() { 
     $(window).scrollTop(0) 
     $(".one").slideUp(); 
    }); 
});

Working : Demo

來源

2015-10-19 13:03:12 divy3993

@Jaya Jeeth你也可以使用帶有更新解決方案的'.hide（）'。 – divy3993

$（window）.scrollTop（0）; –

@JayaJeeth是的，那是怎麼回事？ – divy3993

移動或調整大小的桌面瀏覽器大小試試這個移動寬度

<!DOCTYPE html> 
<html> 
    <head> 
     <script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $("#show").click(function(){ 
    $(".two").show("slow"); 
        $(".one").hide("slow"); 

       }); 
      }); 
     </script> 
    </head> 
    <body> 

     <p class="one" style="color:blue;">If you click on the "Hide" button, I will disappear.If you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I wilthe "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will dthe "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will dthe "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will dl disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappear</p> 

     <button id="show" >Show</button> 

     <div class="two" style="color:green;">rIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on t</div> 

     <p class="three"> 
      utton, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you c 
     </p> 

    </body> 
</html>

來源

2015-10-19 11:52:47

您可以嘗試scrollTop

$(document).ready(function() { 
 
    $("#show").click(function() { 
 
     $(".two").show("slow"); 
 
     $(".one").hide("slow", function(){ 
 
\t \t $('html, body').animate({ 
 
     scrollTop: $(".two").offset().top 
 
    \t }, 500); 
 
      }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p class="one" style="color:blue;">If you click on the "Hide" button, I will disappear.If you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I wilthe "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will dthe "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will dthe "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will dl disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappear</p> 
 

 
     <button id="show" >Show</button> 
 

 
     <div class="two" style="color:green;">rIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on t</div> 
 

 
     <p class="three"> 
 
      utton, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you click on the "Hide" button, I will disappearIf you c 
 
     </p>

來源

2015-10-19 12:05:34 Prachit

它似乎不是一個優雅的解決方案，它滾動到底部然後到頂部。 –

在特定元素停止jQuery slideUp（）

回答

相關問題