跳至主要內容

JavaScript scroll相关知识

Mr.Twan大约 1 分钟编程笔记JavaScript前端

判断滚动到底部

obj.scrollHeight - obj.scrollTop = obj.cilentHeight
# 满足以上等式时,滚动条即滚到底部。

其中,谷歌兼容时有可能需要取整。 scrollHeight:是元素全部的高度,包括滚动隐藏部分。 scrollTop:已滚动的高度。 cilentHeight:元素可见高度。

事件绑定函数中的this

谁绑定的this就是谁。

ul.onclick = function() {
	console.log(this);
}

此时的this就是 UL。

事件绑定

addEventListeren()可以为同一个元素绑定多个响应事件。

函数调用时修改this

使用 call,或者 apply 调用函数时,this是传入的对象。 eg:

function fun1() {
 console.log(this);
}

// 调用
fun1.call(obj);

此时this 就是 obj 。

上次编辑于:
贡献者: tuan,twan