图像移动和放置取决于滚动页面?

时间:2013-10-31 02:50:33

标签: javascript jquery html css3 smooth-scrolling

我正在尝试为我想要的测试网站寻求帮助。我之前尝试过询问,但因为我被告知之前曾被问过这个问题而被放下,但事实并非如此。

这是我的问题。我希望能够去一个页面,并让图像浮动或从中间或顶部向上移动然后停留在那里......直到用户向下滚动然后我希望图像转到特定的地方旁边的文字。我搜索了这个网站和谷歌和许多其他教程,没有看到我在寻找什么。我得到了这个链接:How to animate an object depending on page scroll position这是我所描述的,但是我需要在滚动时将图像移动到某个位置,而不是变成特定的颜色或透明度。我也发现了这个:javascript mousewheel image scroll - 然而,这也不是我的意思,它是一个很好的效果,但我需要移动图像。此外,这不是背景图像,这是一个首先在页面上可以点击的图像。不是窗口或背景效果。

我是否使用类似滚动的东西?例如:

stop().animate({"top":(window.scrollY)

我尝试了这个并且它移动得如此顺利,但是当我滚动到那个特定的位置时我不能让它留在那里,如果你继续向下滚动,图像继续向下滚动。

或者这是一种更好的方法:

     if($(window).scrollTop() + $(window).height() == $(document).height()) {
     var a = $(window).height() - 100;
     $('#scrolling').animate({

然而,我无法让它工作,滚动回到顶部时它不会回到顶部。

有关如何让图像浮动到中心或顶部甚至两侧然后在向下滚动时移动到某个位置的任何想法?我是在正确的道路上还是我完全错误地解决了这个问题?

我认为我可以用动画协议在HMTL5中做到这一点,但我认为我不能实现这一点,而且我知道CSS3很强大,但它也非常不稳定,所以我认为JQuery或JavaScript是要走的路,我可以让它部分工作但不完全。有什么想法吗?

0 个答案:

没有答案