2016-08-08 2 views
0

У меня есть несколько вопросов, с этим сайтом: http://niclamarino.altervista.org/Layouts/Beeline/5.htmlLightbox и smoothscroll скачки

  • Всякий раз, когда вы нажимаете на ссылки меню, экран «прыгает», показывая экран 0,2 секунды, а затем работает должным образом.
  • В разделе «Лайтбоксы» (раздел «Символы») лайтбокс открывается после прокрутки вниз до нижней части страницы.

Как я могу решить эти проблемы? Я вообще не программист jquery! Благодаря!

ответ

0

Ваш вопрос
эта линия $('a[href*="#"]:not([href="#"])').click(function() {, что делает сайт свиток. он в основном говорит, что вступает в силу во всех тегах с # в начале их href.

Так что, если вы хотите ограничить этот эффект добавить #menu $('#menu a[href*="#"]:not([href="#"])').click(function() { который является самым идентификатором для THW DIV обернув свое меню так это влияет только ссылку внутри этого DIV

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

других вещей, которые я заметил и можете вызвать другие проблемы
загружаемые 2 разных версии JQuery. Удалите его. Если вы держите Jquery 2x здесь является фрагмент кода для smoothscroll

$('#menu a[href*="#"]:not([href="#"])').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash; 
    $target = $(target); 
    $('html, body').stop().animate({ 
    'scrollTop': $target.offset().top 
    }, 800, 'swing'); 
}); 

Поместите ваши сценарии в конце, перед закрытием тела или до закрытия головы

Вы не закрывающий тег для головы, тела, ни HTML

Css должен быть внешним

+0

Благодарим вас за ответ. Я попытался добавить идентификатор #menu, работает плавный просмотр, но я все еще получаю сбой, я искал другие фрагменты гладкой прокрутки, но все они похожи друг на друга и представляют ту же «прыгающую» проблему (или создают конфликт с лайтбокс) , Обрезанный вы написали, что не работает, к сожалению: c Есть ли другой способ я могу его решить? Благодарим за то, что вы заметили о двойном jquery. Что касается css и т. Д., Он все еще находится в режиме разработки, поэтому я сохраняю css внутри самой страницы, чтобы ускорить кодирование. –

+0

Когда я протестировал его, я не получил глюка. Что-то это возится с ним. То, что я делаю в такой ситуации, - начать добавлять куски кода в пустой html до тех пор, пока я не получу ошибку, а затем добавлю короткие куски, чтобы сузить, в чем проблема. – Turqueso

+0

Благодарим вас за ответ! Я, наконец, исправил его добавление «return false» в скрипт, теперь он не показывает глюка, и лайтбокс работает отлично. Спасибо за помощь! –