}
window.onscroll = function(){ //滚动条事件
}
//其实你的问题直接使用判断滚动条应该就可以了，但是如果一定要拖动滚动条才执行事件，我们可以通过获取鼠标位置来模拟
var a = document.getElementsByTagName("html")[0]
window.onmousemove = function(){
//一般默认滚动条12px宽，当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条
if(innerWidth - event.clientX < 12){
a.onmousedown = function(){
console.log(1)
}
}else{
a.onmousedown = null
}
}
如果使用jquery的话，可以这样写：
$(window).bind("scroll", function(){var top = $(this).scrollTop() // 当前窗口的滚动距离
})
如果使用原生js，可以这样写（摘自网上的）：
/*** 获取<a href="https://www.baidu.com/s?wd=%E6%BB%9A%E5%8A%A8%E6%9D%A1&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPARYuhu9m1n3mhDknWmd0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHT1nWmLnW6snH03nHnkPHbYPs" target="_blank" class="baidu-highlight">滚动条</a>距离顶端的距离
* @return {}支持IE6
*/
function getScrollTop() {
var scrollPos
if (window.pageYOffset) {
scrollPos = window.pageYOffset }
else if (document.compatMode && document.compatMode != 'BackCompat')
{ scrollPos = document.documentElement.scrollTop }
else if (document.body) { scrollPos = document.body.scrollTop }
return scrollPos
}
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { int delta //一次滑动量 TCHAR szMessage[120]static int time //最后一次滚动时的时间值 static int start //第一次滚动前的刻度值 static int index=10 //最后一次滚动后的刻度值 static BOOL bStart=FALSE //是否第一次滚动鼠标 switch (message) { case WM_CREATE: SetTimer(hWnd,500,500,NULL)breakcase WM_MOUSEWHEEL: delta=GET_WHEEL_DELTA_WPARAM(wParam)if(delta>0) { int line=delta/40if(line+index<=100) //放大位图逻辑 { if(!bStart) { start=index //记录第一次刻度值 } index+=line //刷新最近刻度值 _stprintf(szMessage,_T("向上滚动%d行\n"),line)time=GetTickCount() bStart=TRUEOutputDebugString(szMessage) } } else{ int line=-delta/40if(index-line>=0) //缩小位图逻辑 { if(!bStart) start=indexindex-=line _stprintf(szMessage,_T("向下滚动%d行\n"),line)time=GetTickCount() //刷新当前时间值 bStart=TRUEOutputDebugString(szMessage) } } breakcase WM_TIMER: { int tick=GetTickCount()if(bStart &&tick-time>500) //如果前后两次滚动事件超过半秒，开始绘图 { bStart=FALSEint sub=index-start//sub为正放大位图，为负缩小位图 TCHAR szMess[100]_stprintf(szMess,_T("尺寸改变了%d个单位 当前刻度%d\n"),sub,index)OutputDebugString(szMess)//执行绘图 } } break case WM_DESTROY: ::KillTimer(hWnd,500)PostQuitMessage(0)breakdefault: return DefWindowProc(hWnd, message, wParam, lParam)} return 0}
