0

更新

我在下面的脚本中添加了这两行：我运行了调试器，执行似乎正在删除属性，但网页继续显示滚动条。

       $("#newsticker-demo").removeAttr("overflow-y");
        $("#newsticker-demo").removeAttr("height");

<script type="text/javascript" language="javascript">
    $(function () {

        $(".newsticker-jcarousellite").jCarouselLite({
            vertical: true,
            visible: 1,
            auto: 1,
            speed: 8000,
            circular: true
        });
        $("#newsticker-demo").removeAttr("overflow-y");
        $("#newsticker-demo").removeAttr("height");
    });
</script>

-- 在 IE8 中是我现在最关心的问题 --

您好，在我们的主页上有一个垂直滚动的轮播。我想要做的是让它优雅地失败，如果关闭了 javascript，则只能使用 css。因此结果是带有垂直滚动条的文本，用户可以单击并拖动以在列表中移动。类似于您在 textarea 元素上发现的内容，它有太多数据无法一次显示。

链接到主页。 http://beta.sc-pa.com/home/pasite-home.asp

一旦完成。

4

1 回答 1

1

我会从一个无 JavaScript 的解决方案开始，然后应用你的滚动轮播，必要时操纵 DOM。基本概念很简单：一个固定高度的容器overflow-y: auto

<style>
#foo {
    width: 100px;
    height: 150px;
    overflow-y: scroll;
}
#foo.carouselled {
    overflow: hidden;
}
</style>

<script>
$(function() {
    $('#foo').jCarouselLite({
        vertical: true,
        visible: 1,
        auto: 1,
        speed: 8000,
        circular: true
    }).addClass('carouselled');
});
</script>

<div id="foo">
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
    <p>bar</p>
</div>

见例子。

样式是 CSS 值，而不是直接属性在元素上，要使用 jQuery 操作样式，请使用该css()函数。

于 2011-02-28T15:20:28.730 回答