Проблема со слайдом jQuery

#jquery #html #slider #slidedown #slideup

#jquery #HTML #слайдер #slidedown #слайд вверх

Вопрос:

У меня возникла проблема с jQuery, и это функции slideUp и slideDown. По сути, у меня есть две панели навигации, которые выдвигаются и входят в зависимости от того, какую кнопку нажимает пользователь. Однако в результате этого функции уменьшают содержимое на один или два пикселя (в зависимости от того, какой браузер вы используете, хотя обычно оно уменьшается на 1 пиксель).

Вы можете увидеть рабочий пример проблемы здесь: http://www.brianwritescode.com/index.php/blog /

Комментарии:

1. Я не совсем понимаю, что вы имеете в виду, когда говорите «уменьшение содержимого на 1 пиксель» .

2. Если вы посмотрите внимательно (я знаю, что сначала его трудно увидеть, но в будущем это может создать некоторые проблемы), вы увидите, что содержимое под панелью навигации и даже сама панель навигации уменьшаются на 1 пиксель.

3. Я вижу, что он немного «нервный», но он определенно не сдвигается на 1 пиксель вообще (Safari 5.0.6). Я использую линейки экрана для проверки нулевого сдвига пикселей в содержимом и строке меню.

4. Что бы это ни было, вы должны опубликовать соответствующую часть кода и, возможно, jsFiddle, чтобы люди могли помочь вам устранить эту проблему. Копаться в вашем живом коде будет непросто.

5. прошу прощения, я запомню это в следующий раз, когда буду публиковать материал. Спасибо за вашу помощь. Абсолютное позиционирование решило проблему.

Ответ №1:

Я вижу проблему.

Что вы хотите сделать, так это удалить эти 2 элемента навигации из потока документа, чтобы они не имели никакого отношения к содержимому ниже. Вы могли бы обернуть эти 2 навигации внутри div и установить для этого div абсолютное положение.

Комментарии:

1. Привет, FutureKode, здесь есть еще одна проблема с дополнительной анимацией. Я решил добавлять и удалять логотип в зависимости от того, какой цвет отображается в навигации. Код для навигации находится на странице в iframe при первой записи brianwritescode.com Если вы быстро выберете два варианта навигации в правом верхнем углу, на экране появятся два логотипа вместо одного. Есть ли какой-нибудь способ отсортировать это?