Javascript 如何合成Jquery动画

我真的不知道这个问题怎么说，这可能就是为什么我还没有找到答案的原因。我想合成Jquery动画的效果。具体地说，我希望创建一个自定义滚动条，这样当单击箭头时，滚动条会稍微向上移动

我想我会使用相对单位的动画功能，但当我尝试重复动画时，它不起作用。以下是基本代码：

JavaScript:

$(".arrow-down").click(function(){$('#t1').animate({marginTop: '-=50px'});});

HTML:

---

谢谢大家!

这是您想要的效果，还是您希望它在按两次箭头后向上移动

$.arrow-down.clickfunction{ $'t1'。设置动画{ marginTop:'+=50px' }; }; $.arrow-up.clickfunction{ $'t1'。设置动画{ marginTop:'-=50px' }; }; \/ /\ 标题 正文

---

请不要实现自定义滚动。它们绝对是最糟糕的用户体验。你也可以让人们把你的页面打印在纸上阅读。@Mathletics好的，但是你如何修复滚动条，使其平滑通过div，并使网站整体看起来便宜？我是一个业余爱好者，如果有任何建议，我将不胜感激。有什么问题吗？这里有一个看起来不错的演示：光滑化是指OSX上的覆盖层吗？或者你的意思是有可见的滚动条？我向你保证，一个简陋的自定义滚动条看起来比浏览器默认的滚动条便宜得多。是的，这是理想的效果。谢谢你的回答。你的例子实际上帮助我找到了答案。当div向上移动时，它与箭头重叠，不允许再次单击箭头。对不起，我实施的修复方法是将其放置在比滚动div更高的z索引位置，以便在div向上滚动时再次按下按钮

<div id = "text">
    <div class="arrow-down"></div>
    <div id = "t1">
       <h1>Title</h1>
       <p>TEXT</p>
    </div>
</div>