Настройка пользовательских Anchorpoint

Question

Есть ли способ, чтобы установить опорные точки customley, в позиции за пределами где фактический HTML разметки есть?

Я использую этот простой параллакса прокрутки сценарий под названием «smoothscroll.js» в «http://www.kryogenix.org/code/browser/smoothscroll/smoothscroll.js»

Он работает путем ссылки на якорь точки. HOWEVER, мне нужно расположить их вне места разметки. Около 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 точек, для справки)

Answer 1

Поскольку a не является блочным элементом, margin-top не будет работать, как ожидалось.

Вот некоторые модифицированные CSS:

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