##回到顶部(减速)、滚动禁用和启用、判断滚动条位置显示某元素、使用jQuery判断字符串是不是json格式
###一、回到顶部
方法:
-
锚点
-
scrollTop
-
scrollTo
-
scrollBy
-
scrollIntoView
####减速效果:
$(’#back-to-top’).click(function() {
var target = 0;
clearInterval(timer);
var timer = setInterval(function() {
target = $(this).scrollTop();
target -= Math.ceil(target / 10);
window.scrollTo(0, target);
if (target == 0) {
clearInterval(timer);
}
}, 10);});
###二、
(
w
i
n
d
o
w
)
.
s
c
r
o
l
l
(
)
禁
用
和
启
用
禁
用
:
‘
(window).scroll()禁用和启用 禁用:`
(window).scroll()禁用和启用禁用:‘(window).off(‘scroll’,handle)`其中handle是滚动绑定的函数。
启用:绑定的时候如果使用的是匿名函数,则需要将该函数重写一次。如果不是匿名函数的话直接执行该函数。
###三、鼠标滚动到指定位置才显示某元素
$(window).scroll(function() {
var scrollTop = $(this).scrollTop();
if (scrollTop > 500) {
$(’#myTab’).slideDown();
} else {
$(’#myTab’).slideUp();
}
});
其中scrollTop表示该元素距离顶部的距离。
###四、使用jQuery判断字符串是不是json格式的
isJSON: function(str) {
if (typeof str == ‘string’) {
try {
var obj = JSON.parse(str);
if (str.indexOf(’{’) > -1) {
return true;
} else {
return false;
}
} catch (e) {
return false;
}
}
return false;
},