Jquery Scrollable,是否可以使用滚动条自定义它?

时间:2014-02-19 22:58:23

标签: javascript jquery jquery-tools

Jquery Scrollable是Jquery Tool的一个工具,用于滚动图像/视频列表

http://jquerytools.org/demos/scrollable/

但我只是想知道,有没有人试图用滚动条自定义它。我的意思是我们想在下一页中使用Jquery scrollable

http://www.space.ca/Face-Off.aspx

但我们希望将滚动条保持在底部,而不是使用左右箭头滚动视频轮播。

这可能吗?如果您已经完成了JQuery Scrollable的自定义并使用滚动条,请与我分享一些提示

非常感谢

1 个答案:

答案 0 :(得分:0)

您可以使用普通css对此进行归档:

<div class="scrollMe">
    <div>Do what ever you want</div>
</div>

然后确保你的css顺序:

.scrollMe {
     overflow-x: hidden;
     overflow-y: scroll;
     white-space: nowrap; /* this is important for you, this means that you will keep everything in a single line which will make this guy scroll on the y-axis. If you need multiline on the childs you need to set: white-space: nowrap; on the childs  */
}

所有块级孩子都需要display: inline-block;

.scrollMe > div {
    display: inline-block;
}