Jquery 链接滚动到箭头按钮

Jquery 链接滚动到箭头按钮,jquery,nicescroll,Jquery,Nicescroll,我希望能够将自定义箭头按钮链接到Nicescroll脚本,以便在有人单击向上/向下按钮时可以进行滚动(除了现有的按键和鼠标滚轮滚动功能外) 有什么办法可以做到这一点吗?(对不起,我对jquery不太在行) 谢谢我回答这个问题有点晚了,但这可能对其他人有用 您可以通过更改使用NiceSoll的容器的名称来实现这一点。Nicescroll会自动更改滚动条,因此您不必为此担心 例如: $(箭头)。单击(函数(){ $(SCROLLCONTAINER.scrollTop($(SCROLLCONTAINE

我希望能够将自定义箭头按钮链接到Nicescroll脚本,以便在有人单击向上/向下按钮时可以进行滚动(除了现有的按键和鼠标滚轮滚动功能外)

有什么办法可以做到这一点吗?(对不起,我对jquery不太在行)


谢谢

我回答这个问题有点晚了,但这可能对其他人有用

您可以通过更改使用NiceSoll的容器的名称来实现这一点。Nicescroll会自动更改滚动条,因此您不必为此担心

例如:

$(箭头)。单击(函数(){
$(SCROLLCONTAINER.scrollTop($(SCROLLCONTAINER.scrollTop()+50);
});

如果您想在用户持续按下时继续滚动,可以使用keydown并以一个间隔更改scrolltop的值,然后在keydup时清除该间隔


希望这有帮助。

在NiceSoll对象中找到以下行:

rail.append(cursor);
并将其替换为:

var cursor_wrapper = $(document.createElement('div'));
cursor_wrapper.css({width: '100%', height: '100%'});
cursor_wrapper.addClass('cursor-wrapper');
rail.append(cursor_wrapper);
cursor_wrapper.append(cursor);
然后添加css:

.nicescroll-rails{
    background: url('../img/scroll-top-arrow.png') no-repeat center top;
}
.cursor-wrapper{
    background: url('../img/scroll-bottom-arrow.png') no-repeat center bottom;
    cursor: pointer;
}

这不是最好的解决方案,但它在垂直滚动中工作…

我知道有点晚了,但我一直在寻找同一问题的解决方案,最终我得到了这个解决方案,在我的情况下,它非常有效:

    var scrolled=0;

jQuery("#scroll-down").on("click" , function(){
    scrolled=scrolled+100;
    jQuery("#main").animate({
        scrollTop:  scrolled
    });
}); 
jQuery("#scroll-up").on("click" , function(){
    scrolled=scrolled-100;
    jQuery("#main").animate({
        scrollTop: scrolled
    });
});
将#向下滚动#向上滚动#和#main替换为您自己的ID。通过更改100,您可以调整每次单击滚动的距离