首页 期权学习期权知识正文

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

xiaojiucai 期权知识 2020-08-18 477 0

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

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

微信扫码关注

更新实时通知

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论