Prettyphoto загружается в начале страницы 1-го горизонтального сайта

Question

В настоящее время я внедряю PrettyPhoto на горизонтальный 1-страничный веб-сайт: http://www.basenharald.nl/3d (нажмите на фото и видео для раздела, о котором я говорю)

Таким образом, скрипт работает. Если вы нажмете первую фотографию (только одну, которая связана), вы заметите, что что-то происходит. На самом деле происходит наложение фотографии в начале страницы (прокрутите влево, чтобы увидеть ее)

Как сделать так, чтобы изображение отображалось в текущем местоположении в качестве наложения?

Сценарий можно найти на http://www.basenharald.nl/3d/js/scripts.js, но он минимизирован (по какой-то причине несжатая версия не была доступна для загрузки)

Помощь будет оценена

Answer 1

Сам нашел ответ, просто добавив эту строку css:

div.light_rounded, div.dark_rounded, div.facebook, 
div.light_square, div.dark_square, div.pp_overlay { position: fixed; }

Подумал, что было бы неплохо ответить на этот вопрос для других

Answer 2

Привет, у меня есть дополнительная помощь по этому вопросу.

Хотя вы решили проблему с отображением нужного контента в нужном месте, у вас все еще есть горизонтальная полоса прокрутки внизу страницы.Я предполагаю, что вы действительно не хотите этого, так как это выглядит некрасиво, и ваша предполагаемая навигация - это восемь ссылок в нижнем колонтитуле, которые используют javascript для прокрутки страницы до нужного экрана.

Все, что вам нужно сделать, чтобы получитьИзбавьтесь от оставшейся горизонтальной полосы прокрутки, добавьте следующий стиль:

body {
    overflow-x: hidden;
}

Надеюсь, это поможет завершить ваше решение.