滚动内嵌框架

发布于 2024-11-19 21:13:04 字数 474 浏览 1 评论 0原文

我有两个窗口：一个是要位于 iframe 中的页面，另一个是要容纳 iframe 的页面。我的项目的目标是制作一个滚动的 iframe，但是当鼠标悬停在其上时，它会暂停。我目前在 iframe 中的页面有以下代码： http://dabbler.org/edit/asdf/scrolling/index.html 以及用于容纳 iframe 的页面代码： http://dabbler.org/edit/asdf/scrolling/index2.html

我的代码有什么问题吗？（是的，我知道我没有 body、head、HTML 和其他内容，这不是问题，因为这些内容是在解释页面时自动插入的）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

雄赳赳气昂昂 2024-11-26 21:13:05

window.onmouseover 和 window.onmouseout 未正确定义。

您有这样的情况：

 window.onmouseout = pageScroll();     
 window.onmouseover = unpageScroll();

您想要这样做：

 window.onmouseout = pageScroll;     
 window.onmouseover = unpageScroll;

您将 onmouseout 和 onmouseover 设置为调用 pageScroll 和 unpageScroll 的返回值，但您想将 onmouseout/onmouseover 设置为 pageScroll 和 unpageScroll 函数。

最后，您在 setTimeout 中调用了错误的函数。

您正在调用 pageScroll，但您希望调用 pageScroller，它会执行实际的滚动。

编辑

 function pageScroll(){
            num = 150;
            clearTimeout(scrolldelay);
            pageScroller();
 }
  function unpageScroll(){num = 15000000;}
  function pageScroller() {
    window.scrollBy(0,50); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroller()',num); // scrolls every 100 millisecond
  }
  var num = 50;
  window.onmouseout = pageScroll;
  window.onmouseover = unpageScroll;

顺便说一句，当页面尽可能垂直滚动时，您应该在将来的某个时刻处理在 pageScroller 中调用clearTimeout。如果窗口已经尽可能滚动，那么继续调用scrollBy是没有意义的。

The window.onmouseover and window.onmouseout are not defined correctly.

You have this:

 window.onmouseout = pageScroll();     
 window.onmouseover = unpageScroll();

You want to do this:

 window.onmouseout = pageScroll;     
 window.onmouseover = unpageScroll;

You were setting onmouseout, and onmouseover to the return values of calling pageScroll and unpageScroll, but you wanted to set onmouseout/onmouseover the functions pageScroll and unpageScroll.

And finally, you're calling the wrong function in your setTimeout.

You are calling pageScroll, but you want to be calling pageScroller, which does the actual scrolling.

EDIT

 function pageScroll(){
            num = 150;
            clearTimeout(scrolldelay);
            pageScroller();
 }
  function unpageScroll(){num = 15000000;}
  function pageScroller() {
    window.scrollBy(0,50); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroller()',num); // scrolls every 100 millisecond
  }
  var num = 50;
  window.onmouseout = pageScroll;
  window.onmouseover = unpageScroll;

BTW, you should handle calling clearTimeout in pageScroller at some point in the future when the page is scrolled vertically as much as possible. There's no point in continuing to call scrollBy if the window is already scrolled as much as possible.

回复收藏 0 原文

~没有更多了~