2013-04-04 102 views
0

我想让我的Facebook像按钮一样停留在左上角,随着用户向下滚动,它跟随着他们......我的代码出了什么问题?它显示,但是当我向下滚动它不随滚动移动。在最新版本的safari和firefox上进行本地测试。请帮忙!职位:固定不固定?

topleft{ 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

<top> FACEBOOK "LIKE BUTTON" IFRAME CODE HERE </top> 

回答

2

你没有正确选择你喜欢的按钮。您需要为CSS选择添加一个类属性。

试着这么做

<div class="facebook">FACEBOOK IFRAME</div> 

的通知 “.facebook”,而不仅仅是 “脸谱”。

.facebook { 
    position: fixed; 
    top: 0; 
    left: 0; 
} 
+0

谢谢,其实我想通后此作一个div的权利..我很新的编码= X我有它目前... '} #topleft { 位置:固定; margin-top:5px; margin-left:160px; }' 但是当我使浏览器窗口水平变小时,它会滚动页面的主要内容。我如何水平锁定,但允许垂直“固定”的位置? – psychoticpanda 2013-04-04 06:05:47

+0

您可以通过将facebook iframe添加到页面的主要内容来实现此目的。然后,您只需要修复顶部:0,并为margin-left属性指定facebook iframe宽度+主内容宽度的值。这里有个简单的例子:http://jsfiddle.net/3EyXE/2/ – middleinitial 2013-04-04 06:20:32

1

HTML中没有top标记。

CSS类名选择器之前应该有.(句点)。

topleft{ 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

应该

.topleft{ 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

分配您创建的iframe的风格应该工作。

<iframe class="topleft" ...> 
    ... 
</iframe> 

JSFiddle

1

问题,这可能是

为左上类

.topleft{ 
position: fixed; 
top: 0; 
left: 0; 
} 

为左上ID

#topleft{ 
position: fixed; 
top: 0; 
left: 0; 
} 

否则它应该工作。