Javascript jQuery在div内垂直滚动图像

Javascript jQuery在div内垂直滚动图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图制作一张比包含它的div更大的照片来自动垂直滚动 还发现了一个不错的jQuery插件,但我无法使它正常运行 这是我的名片 它不会滚动到底部。我做错了什么?您指定了一个自定义类用作名为vert的容器 因此,您需要为该类指定CSS,如下所示: .vert { width: 400px; /* wider than clip for custom button pos. */ height: 1000px; margin-bottom: 1.5em; } /* Cli

我试图制作一张比包含它的div更大的照片来自动垂直滚动

还发现了一个不错的jQuery插件,但我无法使它正常运行

这是我的名片


它不会滚动到底部。我做错了什么?

您指定了一个自定义类用作名为
vert
的容器

因此,您需要为该类指定CSS,如下所示:

.vert { 
    width: 400px; /* wider than clip for custom button pos. */
    height: 1000px;
    margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
    width: 400px;
    height: 1000px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
    width: 400px;
    height: 1000px;
}
.


插件本身有太多硬编码的东西。总的来说,这是一个糟糕的插件,但是是的,您可以修改它使其更好。

非常感谢!没有加载这个插件的纯jquery还有其他解决方案吗?还有什么方法可以停止连续滚动,所以当它到达末尾时,可以上升到顶部?谢谢McCanff!有没有办法停止连续滚动,所以当它到达末尾时就可以上升到顶部?
.vert { 
    width: 400px; /* wider than clip for custom button pos. */
    height: 1000px;
    margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
    width: 400px;
    height: 1000px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
    width: 400px;
    height: 1000px;
}
.vert .simply-scroll-clip {
    width: 400px;
}
.vert .simply-scroll-list li {
    width: auto;
    height: auto;
}