#jquery #html #css #fancybox
#jquery #HTML #css #fancybox
Вопрос:
в настоящее время я работаю над добавлением содержимого во внешний ajax-файл, загружаемый с помощью fancy box, и fancybox отключает мой контент. http://imstillreallybored.com/pdf/pdf /
может кто-нибудь, пожалуйста, помочь мне решить это?
Комментарии:
1. хорошо, какой идентификатор или класс имеет 365px? я обновлял код, пока мы говорим, возможно, это было что-то, что я тестировал, и хорошо, я попробую это
2. высота и ширина набора изображений, похоже, сработали, но я боюсь, что если текст пойдет дальше, то изображения будут обрезаны. Что вы думаете?
3. я так не думаю. На самом деле fancybox был размером с DIV, содержащий текст. Я предполагаю, что если текст будет дальше, чем изображения, размер fancybox будет соответствовать этому пертикулярному размеру. Фактически, текст не обязательно загружать, и из-за этого fancybox распознает его высоту
Ответ №1:
При #fancybox-overlay
изменении атрибута position: absolute
на position: fixed
..
Ответ №2:
Смотрите опции для FancyBox, в частности scrolling
опцию.
Если это (каким-тообразом) не работает, то с помощью CSS: вкл #fancybox-content
, добавьте overflow-y: auto
.
Комментарии:
1. я не хочу, чтобы он прокручивался, хотя я хочу, чтобы все было доступно для просмотра, его размер должен соответствовать высоте и ширине содержимого div, я думаю, что это, возможно, проблема с clearfix
2. Я вижу, попробуйте это: на вашем самом внешнем
div
(<div style="width:680px;">
) вless-cost.html
добавьтеoverflow: hidden
, чтобы очистить значения с плавающей точкой.3. к какому div я добавляю overflow: hidden?
4. К
div
первой строке в этом файле: imstillreallybored.com/pdf/pdf/less-cost.html — это очистит ваши значения float, как вы просили, но я не думаю, что это решит вашу реальную проблему.
Ответ №3:
Есть какая-нибудь причина, по которой ваша необычная коробка имеет высоту 365 пикселей? Если нет, то проблема может быть в том, что fancybox создает «диалоговое окно» перед изображением, в которое фактически загружено. Если все изображения имеют одинаковый размер, вы должны написать так, чтобы, даже если изображение еще не загрузилось, JavaScript, получающий общую высоту DIV, все равно получал правильный размер.