jQuery 向上滑动两个元素 - 一个接着另一个
我试图同时将两个元素(图像)一个接一个地向上滑动 - 所以两者之间没有间隙。
我考虑过使用 jQuery.animate(),但我不知道如何在执行 animate 方法的同时移动底部元素。
我假设我必须使用第一个元素的位置+其高度来移动第二个元素的位置,但不知道如何实际使其与第一个元素同时滑动。
所有这些的容器都有相对位置,并且元素绝对位于内部。
我只想制作一个简单的图像/div 画廊,它可以向上滚动并且不想使用任何插件。
有什么想法吗?
I'm trying to slide up two elements (images) one after the other at the same time - so there is no gap between the two.
I thought about using jQuery.animate(), but I couldn't figure out how to move the bottom element at the same time as the animate method is executed.
I'm assuming I'll have to use the position of the first element + its height for the moving position of the second one, but haven't got a clue how to actually make it slide at the same time as the first one.
The container for all of them has relative position and elements are positioned inside absolutely.
I just want to make a simple image / div gallery which scrolls up and don't want to use any plugins.
Any idea?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我做了一个快速而肮脏的解决方案,展示了如何做到这一点: http://jsfiddle.net/ah2zN/ 1/
溢出隐藏用于防止它们在滑块之外渲染。
I have done a quick and dirty solution that shows how this can be done: http://jsfiddle.net/ah2zN/1/
Overflow hidden is used to prevent them from being rendered outside the slider.