垂直位置固定

Question

我需要修复一个离窗口顶部16像素的div/image ...内容需要滚动，但div/image无法滚动...我的主要问题是它不能用position属性修复，因为我需要它水平滚动。和位置:固定它的垂直和水平锁定...

我已经尝试了overflow (overflow-y:隐藏不起作用)，但是没有得到任何结果...

有没有办法说div/image应该把它的垂直移动锁定在那个地方？有什么想法吗？

Answer 1

如果您尝试垂直修复div，但允许图像像@Paulie_D建议的那样水平滚动，您可以尝试此小提琴：

http://jsfiddle.net/bnu4rhop/

这依赖于带有调整left CSS值的javascript函数的position: fixed。

$(window).scroll(function (e) {
    $('#my_div').css({left: -$(window).scrollLeft()})
});

Answer 2

只需定位:绝对你的div，当用户滚动时，用javascript调整顶部的值：

 $(window).scrollTop() + 16; 

如果你想水平居中你的div：

left: 50%;
margin-left: -(You div width / 2);