jQuery 向上滑动两个元素 - 一个接着另一个

发布于 2024-12-05 18:33:54 字数 268 浏览 1 评论 0原文

我试图同时将两个元素(图像)一个接一个地向上滑动 - 所以两者之间没有间隙。

我考虑过使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

韬韬不绝 2024-12-12 18:33:54

我做了一个快速而肮脏的解决方案,展示了如何做到这一点: 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文