js实现一键式后台功能示例代码

1。基本的准备:

其scrollTop()方法返回或设置相匹配的元素的滚动条的垂直位置。

滚动顶偏移是指滚动条相对于顶部的偏移量。

如果该方法不设置该参数,则返回像素仪表的相对滚动条顶部的偏移量。

语法

$(选择器)。ScrollTop(偏移)



ToggleClass()开关的一个或多个类设置或删除选中的元素。

例如,切换到设置并删除所有元素的主类:
复制代码代码如下所示:
$(按钮)。Click(函数(){)
$(p)。ToggleClass(主要);
});



setInterval()方法可以调用一个函数或计算表达式,根据指定的时间(以毫秒为单位)。

setInterval()方法的调用函数不断直到clearInterval()调用或关闭窗口返回的ID值,setInterval()可以作为clearInterval()方法的参数。



的scrollto()方法可以把内容到指定的坐标。

ScrollTo(窗口,ypos)

参数描述
窗口是必要的。文件的x坐标是在窗口文件显示区域的左上角显示。
ypos是必要的。Y坐标的文件要在窗口文件显示区域的左上角显示。

下面实现一个单键的代码如下所示:
复制代码代码如下所示:
无功topbtn = $(#吉峰);想要一个按钮,按钮元件
无功lastscroll = 0;
Topbtn.css(显示

window.onscroll =函数(){ onscroll似乎HTML5的属性
var = $(窗口),ScrollTop();初始均为0

复制代码代码如下所示:
如果(顶部> 0){
Topbtn.css(显示
}
如果(顶部= 0){如果初始状态不显示图标
Topbtn.css(显示
}
};

Topbtn.click(函数(){单击事件
VaR scrollTop = 0;
无功curpos = $(窗口),ScrollTop();现在的滚动条位置
Topbtn.addClass(movingtotop );在运动显示另一张图片
步骤= math.abs(scrollTop - curpos) / 200;
VaR TID = setInterval()函数(){固定电话,帧运动画面
Topbtn.toggleClass(movingtotop );一件精美的代码,或者设置和删除元素的属性,使一个动态的闪烁效果
如果(curpos > scrollTop + 14){
curpos =步;
步骤=步骤1.05;速度逐渐加快。
window.scrollto(0,curpos);
否则如果}(curpos <= scrollTop + 14){直接跳到起始位置
window.scrollto(0,scrollTop);
Topbtn.removeClass(movingtotop );
ClearInterval(TID);关闭周期
}
},0.01);
});