2012-02-21 107 views
0

有没有一种方法可以在实际的HTML标记位置之外的位置设置定位点customley?设置自定义定位点

我使用的是被称为“smoothscroll.js”这个简单的视差滚动脚本在“http://www.kryogenix.org/code/browser/smoothscroll/smoothscroll.js

它的工作原理进行链接的锚点。但是我需要将它们放置在标记所在的位置之外。 约200px以上。

我试过外部CSS与类和内联。

EG:

<a name="kids" class="anchor" style="margin-top:-200px;"></a> 


<a name="kids" class="anchor" style="margin-top:-200px;"></a> 

.anchor { margin-top: -200px; } 

任何建议?

这个问题是这样的一个,Anchor point positionings的推导(2 - q!点,为帮助)

+1

您正在使用的CSS任何'position'? – Widor 2012-02-21 15:19:00

+0

正如'position:absolute;'?不,我应该吗? – 2012-02-21 15:23:10

+0

是的,因为它会指示-200px所指的内容。 – Widor 2012-02-21 15:25:45

回答

2

由于a不是块元素,如预期margin-top将无法​​正常工作。

这里的一些修改CSS:

.anchor { 
    display: block; 
    position: relative; /* relative to the parent container, needed for top/left positioning*/ 
    top: -200px; 
} 
+1

我用过position:absolute;并通过内联样式设置边距。但是,谢谢! – 2012-02-21 17:57:47