滑动以显示更多内容溢出div

Question

我正在尝试做一个完全定制的Facebook“Like-Box”。我希望有这个固定的宽度div并且能够向左或向右滑动以显示更多面孔（我更喜欢ajax，但这似乎不可能，或者是吗？）。

如果没有ajax方式来加载更多面孔，我想在这个小div上预加载，比方说50个面，然后向左或向右按​​以从div内部滑动更多内容（面）。

Answer 1

您可以通过设置div的scrollLeft属性在javascript中执行此操作。或者如果使用jQuery，则可以使用scrollLeft方法。

IE：$("#myDiv").scrollLeft( 250 );

jQuery API：http://api.jquery.com/scrollLeft/

Answer 2

你可以使用类似的东西：

    slideContent: function(obj) {
        var margin = $(".myDiv").width();
        margin = margin * ($(obj).prevAll().size() - 1);
        margin = margin * -1;

        $(".tabslider").stop().animate({
            marginLeft: margin + "px"
        }, {
            duration: 300
        });

此处的完整代码： http://www.gayadesign.com/scripts/tabbed/

这样它只会在左侧滑动距离

上添加边距