jQuery 中 scrollTop;原生的js怎么写

JavaScript023

jQuery 中 scrollTop;原生的js怎么写,第1张

你好，我先需要明确一下你是要问jQuery中scrollTop获取滚动条距顶端的距离，还是要使用scrollTop来设置滚动条距顶端的距离，或者说需要二者兼备。

1、如果是获取，原生js实现很容易：

var div = document.getElementById('wgt-ask'),

    scrollTop = div.scrollTop

console.log(scrollTop) // 100

前提是div已经具备滚动条，不然使用为0

2、如果是设置，原生js也很简单：

var div = document.getElementById('wgt-ask')

div.scrollTop = 100

依然前提是div已经具备滚动条，否则设置无效

3、如果是二者兼备，这里就要简单的封装一下了：

function scrollTop(obj, len){

    if (typeof len === 'undefined') {

        return obj.scrollTop

    } else {

        obj.scrollTop = len

    }

}

var div = document.getElementById("wgt-user")

scrollTop(div, 100) // 设置

var st = scrollTop(div) // 100 获取

希望是你想要的结果，如有疑问欢迎追问，望采纳~

目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特效，依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。

我对JS不是特别了解(只能看懂和修改JS代码的程度的能力，但是无论任何JS代码都敢修改的程度)，这效果能做出来的，我就不贴具体代码了。

不需要嵌套，纯原生。将来浏览器会支持这个效果的。