Как переделать из px в %?

Question

[Andy1295]

Сейчас у меня вот такой код
jsfiddle.net/74smxena

Как сделать чтобы "index * -360" задать не пикселями, а процентами?

Comments

[Евгений Петров]

Герасим что-то недоговаривает... В процентах от чего? И что такое index?

[Andy1295]

Евгений Петров: Прошу прощения, поправил.

[Евгений Петров]

Стало понятно, что структурная единица информации для каждой ссылки имеет предполагаемую высоту 360 пикселей.
Но основной вопрос остался — от чего считать проценты? Для позиционирования важно понимать, какой элемент позиционируется и как связана высота его контейнера с величиной передвижения.

[Andy1295]

Евгений Петров: Опубликовал структуру html, Надеюсь поможет. На цифру 360 можно не смотреть, она роли не играет. Суть в том, что смещение рассчитывается исходя из элемента. В полном виде функция запускается по клику, но это роли не играет и я не стал выкладывать целиком код.

[Евгений Петров]

Andy1295: Вы пытаетесь описать что-то непонятное вместо того, чтобы описать реальную задачу и проблемы при её решении. Не люблю играть в угадайки.

[Andy1295]

Евгений Петров: выложил рабочий пример на jsfiddle.net
Цель - сделать чтобы смещение шло не по пикселям, а на "номер блока"*25%

Answer 1

[nofuture trustnoone]

аналогично

Comments

[Andy1295]

Как вы видите у меня идёт расчёт смещения и просто подстановка единиц измерения не помогает.

Answer 2

[FMars]

jsfiddle.net/ah3o21qx

var index = jQuery('#side-nav a').index(this);
jQuery("#main-container-background").animate({ top: index *  - 360 + '%' }, 'slow');

Comments

[Andy1295]

Возможно я что-то делаю не так. Обновил вопрос, добавил в него структуру html.

[FMars]

Andy1295: Напишите конкретную проблему. Что вы делаете, и что у вас не получается.

[Andy1295]

FMars: выложил рабочий пример на jsfiddle
Цель - сделать чтобы смещение шло не по пикселям, а на "номер блока"*25%

[FMars]

Andy1295: номер блока умножено на 25% чего?