11
2020
01

jquery slideDown滑动显示隐藏的元素和slideUp滑动隐藏元素

1、slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。

2、slideUp() 方法通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。

从下面的stop()可以看出,我们滑过的时候触发了slideDown();那么让他的高度自然完成当前动画,同时停止加进来的动画队列。

$(function(){

$(window).scroll(function(){

var ee = $(document).scrollTop();

if (ee>600) {

$('.fhtop').stop().slideDown(50);

}else if(ee<600){

$('.fhtop').stop().slideUp(50);

}

})

$('.fhtop').click(function(){

$(document).scrollTop(0);

})

})

1、scroll() 滚动条事件,

2、scrollTop() 方法设置或返回被选元素的垂直滚动条位置。

提示:当滚动条位于最顶部时,位置是 0。

3、click() 简单的来说是单击事件。

原文链接:https://www.qiquanji.com/post/7072.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。