垂直位置固定

时间:2015-07-10 11:29:19

标签: html css position fixed

我需要从窗口顶部修复一个div / image 16像素...内容需要滚动,但div /图像无法滚动...我的主要问题是它可以&#39 ; t用position属性修复,因为我需要它水平滚动。和位置:固定它垂直和水平锁定...
我已经尝试过溢出(溢出-y:隐藏不起作用)并且无法获得任何结果...
有没有办法说div / image应该锁定它在那个地方垂直移动?任何想法?

2 个答案:

答案 0 :(得分:2)

如果您试图垂直修复div,但允许图像水平滚动,如@Paulie_D建议的那样,您可以试试这个小提琴:

http://jsfiddle.net/bnu4rhop/

这取决于带有javascript函数的position: fixed调整left css值。

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

答案 1 :(得分:1)

正好位置:绝对你的div和用户滚动时 使用javascript调整最高值:

 $(window).scrollTop() + 16; 

如果你想横向居中你的div:

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