javascript - JQuery 溢出 Div,动画移动

标签 javascript jquery html css

不知道怎么表达这个,所以一点点 jsfiddle 工作:

http://jsfiddle.net/UwEe2/

这是我需要做的事情的基本想法,除了我需要图像居中(这样正中心,水平和垂直,of this image,出现在 250x250 的小窗口中并且能够在所有四个方向上滚动到图像的边缘。

我所拥有的,如果我将图像的确切高度和宽度减半,这将起作用,http://jsfiddle.net/UwEe2/599/ ,它在第一个 div 中使用 style="position:relative; top:-330px; left:-330px;",将图像更多地移动到我需要的位置,但不允许在初始屏幕上向左和向上滚动图像。

希望这是有道理的......我现在很茫然。

最佳答案

您需要做的就是将初始 scrollTopscrollLeft 设置为图像减去容器的大小除以二。

$('#container').scrollTop(($('#container img').height()-$('#container').height())/2).scrollLeft(($('#container img').width()-$('#container').width())/2);

http://jsfiddle.net/UwEe2/600/

关于javascript - JQuery 溢出 Div,动画移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21924276/

相关文章:

javascript - (bxslider) 使用带有文字而不是圆圈的 slider 寻呼机

javascript - 在 javascript/jquery 中格式化值

javascript - jQueryUI 自动完成在目标输入字段中显示值而不是标签

javascript - JQuery.那么返回值是如何工作的

javascript - 如何在 Edge 中实现基于 AJAX 的长轮询?

html - 将 2 个 div 并排放置时出现奇怪的行为

javascript - Onclick 更改脚本标签内的功能

javascript - 关于 DOM manip 和 GreaseMonkey 的一点帮助

Javascript 更改 window.location 并运行异步 ajax get

html - 如何在 html css 表外可见的表的每个 td 内放置一个链接