css - HTML/CSS : How to have a container's scrollbar control the scroll of an inner-inner div?

标签 css html scroll overflow

[决定如何表述问题并不容易...]

这是一个 example jsfiddle .

紫色的 div ('#inner') 高 1000 像素。

如何制作红色 div ('#out') 的滚动条 -
控制紫色 div ('#inner') 的滚动?

或者在视觉上创建一个看似相似的效果,
我觉得这里缺少一个简单的解决方案...:\

最佳答案

您可以使用这个 jquery 插件:http://demos.flesler.com/jquery/scrollTo/ 并使蓝色滚动跟随红色滚动。

var top = $(redBox).scrollTop();
var left = $(redBox).scrollLeft();
$(blueBox).scrollTo( { top:top, left:left}, 800 );

这是假设我理解你的问题。

关于css - HTML/CSS : How to have a container's scrollbar control the scroll of an inner-inner div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10657583/

相关文章:

html - 在背景图像上垂直和水平对齐 bootstrap 4 容器列

javascript - Python selenium 复选框元素单击

html - 如何将此段落移动到图像的右侧

android - 寻找 iScroll 的替代品(iOS/Webkit 上的滚动 Div)

jquery - 使用 css 和 jquery 的信息表格导航

html - chrome 上的链接样式表具有奇怪的过渡行为

javascript - 自定义 CSS 按钮动画在 MVC C# 局部 View 中不起作用

html - 使连续多个链接具有相同的动态高度

jquery - 使用 jQuery 滚动 div "left and right"和 "up and down"

查询 |与滚动条相关的位置div