当一个方法被调用时，Mootools滚动方法应该自动调用

Mootools scroll method should call automatically when a method is called

本文关键字：方法 调用 滚动 Mootools 一个      更新时间：2023-09-26

我是mootools的新手。所以请帮助我解决我面临的问题。我有一个div，它由一个href组成，如果我点击，它会进入一个javascript文件，它由color方法组成。在该方法中，我通过使用scroll方法保留了一个脚本。根据我的剧本。如果div在顶部，点击href，它应该显示红色，如果滚动大于0，那么它应该显示另一种黑色。但是如果我向下滚动并点击它，一开始它显示的是红色，如果我滚动一点，它显示的是黑色。我的代码是

  window.addEvent('scroll', function () {
            var scroll = window.getScroll().y;
            if (scroll > 0) {
                black
            } else {
                red
            }

我可以知道如何调用滚动方法一旦它进入颜色方法在mootools

这很正常，因为您在窗口滚动时调用该方法，而不是在单击按钮时调用该方法，因为每次滚动时它都会调用color方法。每次你点击你想知道更新的滚动位置，而不是当你滚动页面而不点击按钮(希望我理解得很好…)。在页面加载时，您最初将背景色设置为红色。

var link = $('link');
var box = $('color-box');
link.addEvent('click', function(event){
  event.preventDefault();
  changeBgColorBox();
});
changeBgColorBox();
function changeBgColorBox () {
var scroll = window.getScroll().y;
  if (scroll > 0) {
    box.setStyle('background','black');
  } else {
    box.setStyle('background','red');
  }
}

这是一个jsfiddle: http://jsfiddle.net/Bwv3S/40/

若要仅在滚动页面时调用该方法，则根本不需要在单击链接时调用该方法。您将调用onload或ondomready和onscroll方法。http://jsfiddle.net/jLPpa/9/

相关文章：