代码之家 › 专栏 › 技术社区 › backslash17

我怎么知道一个窗口是否不能再向右滚动?

scroll javascript

backslash17 · 技术社区 · 13 年前

在递归超时期间,我有一个滚动函数,使一个非常宽的窗口水平滚动,直到它到达右端,但是我需要知道在javascript中,滚动是否已经完成,以改变方向并滚动回原点。

我怎样才能做到这一点?

function ScrollIt(scrollPos, direction) {
  if(direction == 'right')
   window.scrollBy(scrollPos,0);
  else
   window.scrollBy(scrollPos,0);
  cTimeOut = setTimeout("ScrollIt(1,'right')",10);
}

当然,我第一次调用onload事件中的函数。

事先谢谢。

1 回复 | 直到 13 年前

Ben 13 年前

var w = document.documentElement.clientWidth;
var over = document.documentElement.scrollWidth - w;

window.onscroll = function() {
  // Detect webkit browser (Chrome, Safari)
  if(window.devicePixelRatio) {
    if(document.body.scrollLeft==over) { alert("KABOOM (Webkit)") }
  }
  else {
    if(document.documentElement.scrollLeft == over) { alert("CRUNCH") }
  }
}

测试FF 3.6、IE8、Chrome 3.1、Safari 4.0

推荐文章

osteopathx · 使用jquery通过HTML按钮水平滚动全景图像

6 年前

Zay · 2个div,具有响应滚动的固定图像

6 年前

miss.emenems · 仅当元素到达窗口顶部时调用函数一次

6 年前

Tobias von Falkenhayn · 如何为无休止的滚动回收视图绘制背景

6 年前

dungey_140 · jQuery根据滚动位置添加类

6 年前

Marco · 滚动时在视口中显示元素

6 年前

CoÅkun Cengiz · 在listview中显示或隐藏对象

6 年前

Albeld · Autoscroll网站始终保持相同的速度

6 年前

peace_love · 如何使表格滚动到某个位置?

6 年前

joedoesnotknow · 添加新元素时如何滚动到div底部

6 年前