<script type="text/javascript">
// 回到顶部相关js代码
//滑动页面超过一个屏幕的高度时 则显示 回到顶部元素
$(window).scroll(function(){
$(this).scrollTop()>=$(window).height()?$('.common-backtop-link').show():$('.common-backtop-link').hide();
})
// $('.common-backtop-link').show();//默认显示回到顶部元素
//点击回到顶部
$(document).on('click','.common-backtop-link',function(){
$("html,body").animate({
scrollTop:0
},300);
})
script>
<script>
let elem = document.getElementsByClassName('common-backtop-link')
window.onscroll = function () {
elem[0].style.cssText = document.documentElement.scrollTop > window.screen.height?'display: block;':'display: none;';
}
elem[0].onclick = function () {
document.documentElement.scrollTop = 0
}
</script>
可以使用下面两种方式来实现将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过 [index] 的方法,来得到相应的DOM对象。
如:var $v = $("#v") ; //jQuery对象
var v = $v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,通过 .get(index) 方法,得到相应的DOM对象
如:var $v = $("#v"); //jQuery对象
var v = $v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中