Div内容滑块带箭头图像

Question

我有工作脚本，使用箭头图像向上和向下滑动div中的内容。 由于某种原因，无法摆弄工作，但它在我的网站上运作得很好。 http://jsfiddle.net/w5j2s/

function Scroll(id,ud,spd){
    var obj=document.getElementById(id);
    clearTimeout(obj.to);
    if (ud){
        obj.scrollTop=obj.scrollTop+ud;
        obj.to=setTimeout(function(){ Scroll(id,ud,spd); },spd||50)
    }
}

我以为我只有一个问题，但现在......首先为什么不操作？相同的脚本，div，风格和它在我的网站上工作......它并不复杂，但由于某种原因，我不工作小提琴！

第二个现在我需要带箭头图像的div，但这个我需要从左到右滑动，而不是上下滑动。我如何修改脚本，以便我可以将同一个用于同一页面上的不同div，一个将向上和向下滚动，另一个将从左向右滑动？

Answer 1

您需要指定脚本在正文中：

对于问题的第二部分，您应该编写另一个类似于Scroll的函数，该函数使用scrollLeft代替scrollTop

Answer 2

使用Margin-Top css属性代替scrollTop：

http://jsfiddle.net/w5j2s/3/

使用Javascript：

var objTimeout;

function scroll(id, ud, spd){
    clearTimeout(objTimeout);
    if (ud){
        var o = document.getElementById('tst');
        var marginInt = parseInt(o.style.marginTop || 0);
        o.style.marginTop = (marginInt + ud) + 'px';
        objTimeout = setTimeout(function(){ scroll(id, ud, spd); }, spd||50);
    }
}

此外，还有其他更正：

1. 将滚动div放在包装器中。
2. 调用scroll时，请确保将加载HTML元素。