javascript - carouFredSel:显示部分元素？

Question

我正在使用 carouFredSel创建垂直旋转木马。一切都很好，除了我更希望部分元素显示在底部，裁剪而不是隐藏。这样它会向用户表明还有其他可以滚动的元素。

我一直在阅读 documentation , 但到目前为止还不能确定我所追求的是否可能。

Check out the JSFiddle to see what I mean .观看页面最底部的元素。

Javascript

$("ul").carouFredSel({
    direction: "up",
    align: "top",
    width: 100,
    height: "100%",
    items: {
        visible: "variable",
        width: 100,
        height: "variable"
    },
    scroll: {
        items: 1,
        mousewheel: true,
        easing: "swing",
        duration: 500
    },
    auto: false,
    prev: {
        button: ".prev",
        key: "up"
    },
    next: {
        button: ".next",
        key: "down"
    }
});​

Answer 1

这有点乱七八糟，但它确实有效。将滚动条(在本例中为 ul)的高度设置为 150%，将父元素(在本例中为 body)设置为 overflow: hidden。现在最底部的元素不在屏幕上。

Javascript

$("ul").carouFredSel({
    height: "150%"
});

CSS

body {
    overflow: hidden;
    }