jQuery的滑動效果在移動背景

我需要顯示一些項目的文本，如果clicked.I已經使用下面的腳本試圖同這些項目必須得到隱藏：jQuery的滑動效果在移動背景

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $("#p1").css("color", "red") 
     .slideUp(2000) 

    }); 
}); 
</script>

但問題是按鈕重疊時/在文本上滑動時，有一種感覺，文本也在向上移動。

如何限制文本的相同移動？

相同的演示實現是here。

感謝

來源

2015-04-17 tharif

邊注：當使用'jsFiddle'，把你的代碼在正確的盒子。還有一些不必要的頁面元素，比如'head'，'script'，'body'等。 – melancia

你在滑動的標籤中寫入了文本。這就是文字也在變化的原因。 –

@MelanciaUK是的，只是在那裏複製整個東西:) ..謝謝你的建議nxt時間 – tharif

了文本的滑片受任何保證金或填充所致p。如果這些設置爲0，則文本不會移動：

p {margin:0; padding:0;}

Example

來源

2015-04-17 08:42:35 Pete

這一切都使你p有邊距與slideUp它降低爲元素減少的高度。 |這會導致你的效果，因此，所有你需要的只是添加CSS

p{ 
    margin: 0; 
}

而且這將是確定

Fiddle

來源

2015-04-17 08:41:25

jQuery的滑動效果在移動背景

回答

相關問題