2015-07-10 95 views
4

我需要从窗口顶部修复一个div /图像16像素...内容需要滚动,但div /图像不能滚动...我的主要问题是它可以'用位置属性固定,因为我需要它水平滚动。并与位置:固定它锁定两个垂直和水平...
我已经尝试溢出(overflow-y:隐藏不起作用),并不能得到任何结果...
有什么方式可以说div/image应该锁定它在那个地方的垂直移动?有任何想法吗?垂直位置固定

+0

你到目前为止制作了什么?在问题中添加您的HTML/CSS代码。 –

+0

@Zeratops对于这种情况,我的代码不会帮助...我只需要知道是否可以垂直锁定div,而不是水平锁定它。如果是这样,我怎么做...我有一个div(我需要锁定的一个)在另一个div(网站包装)内的位置:相对... –

+1

不与'position:fixed',因为它是固定的关于* viewport *而不是任何其他的DOM元素。我怀疑Javascript解决方案是必需的, –

回答

1

公正的立场:绝对的股利和当用户滚动 调整与JavaScript的顶值:如果您想水平居中的DIV

$(window).scrollTop() + 16; 

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

对不起,但我没有很多JavaScript的经验...你能告诉我怎么连接脚本与div(我的div名称是#巴尔) 非常感谢你许多 –

2

如果你是试图垂直固定div,但允许图像水平滚动,如@Paulie_D所示,您可以试试这个小提琴:

http://jsfiddle.net/bnu4rhop/

这取决于一个position: fixed与一个附带的javascript函数调整left css值。

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