我正在尝试以特定的方式在滚动时将图像(只是图像,而不是背景)移动到某个位置。所以说我加载一个页面,页面加载然后图像滑动到页面的左边,当你滚动时,图像滑动到中间或底部或开始滚动页面时你想要的任何地方。图像通过一组文本或信息保留在那里。我尝试过很多东西,比如:
stop().animate({"top":(window.scrollY)
当滚动到那个特定位置时,我不能让它留在那里,如果你继续向下滚动,当我滚动时图像继续向下滚动,我不知道如何在某个点之后停止图像。
然后我尝试了这个:
if($(window).scrollTop() + $(window).height() == $(document).height()) {
var a = $(window).height() - 100;
$('#scrolling').animate({
但是,我无法让它工作,滚动回到顶部时它不会回到顶部。
有关如何让图像浮动到中心或顶部甚至两侧然后在向下滚动时移动到某个位置的任何想法?我是在正确的道路上还是我完全不正确?感觉我在这里遗漏了一些东西,我不确定它是什么。
我认为我可以用动画协议在HMTL5中做到这一点,但我认为我不能实现这一点,而且我知道CSS3很强大,但它也非常不稳定,所以我认为JQuery或JavaScript是要走的路,我可以让它部分工作但不完全。有什么想法吗?
我搜索了这个网站,但找不到我要找的东西。这些是我发现的类似网站:Animated Scroll Image to a particular position on a window和此:How to make an element fake position:fixed so it acts fixed until a certain scroll height, then attaches?
但我需要一张图片移动到一个地方。这些链接是否朝着正确的方向发展?我给出的示例代码是从哪里开始的吗?
答案 0 :(得分:0)
看一下Skroller,它是一个JS库(不依赖于jQuery,它需要js),它允许你定义某些动作。 基本上你将一些数据元素添加到一个div中,一个表示它应该开始动画的像素(滚动),何时停止,以及它做什么(例如进入屏幕的中间)。
滚动备份效果很好(在我们的项目中使用它)