在jquery中垂直环绕滚动

时间:2013-03-21 23:39:08

标签: javascript jquery

我正在尝试创建一个滚动内容的网页,当它到达内容的底部时,继续滚动页面的底部,同时向上滚动顶部 - 所以底部和顶部将在屏幕上同一时间。与<marquee>标记一样,但是垂直。

到目前为止,我只能想到的是(在加载时我使用setInterval()每75毫秒运行一次)

function doScroll() {

window.scrollBy(0,1);

if($(window).scrollTop() + $(window).height() == $(document).height()) {
    window.scrollTo(0,0);   
}


}

2 个答案:

答案 0 :(得分:0)

http://www.quackit.com/html/codes/html_marquee_code.cfm

看看这个。它在页面中间“向上”。

答案 1 :(得分:0)

您可以使用CSS3,特别是属性marquee-direction

marquee-stylemarquee-speedmarquee-play-count一起,您可以创建所需的效果。

参见例如http://www.quackit.com/css/css3/properties/css_marquee-direction.cfm

请记住,HTML是语义的,但移动的东西不是,所以你应该使用CSS / JavaScript而不是<marquee>。此外,此元素从未添加到HTML规范中,并且在不同浏览器中对它的支持各不相同http://webdesign.about.com/od/css3tutorials/a/marquee-in-css.htm