2016-08-08 7 views
0

をジャンプ:http://niclamarino.altervista.org/Layouts/Beeline/5.htmlライトボックスとsmoothscrollが、私はこのウェブサイトの問題のカップルを持っている

  • あなたは、メニューのリンクに画面をクリックするたびに0.2秒の画面を示した後、正常に動作し、「ジャンプ」。
  • ライトボックスセクション(文字セクション)では、ページの下までスクロールするとライトボックスが開きます。

どのようにこれらの問題を解決できますか?私はjqueryプログラマではありません!ありがとう!

答えて

0

ご質問サイトのスクロールを行い
このライン$('a[href*="#"]:not([href="#"])').click(function() {。基本的には、hrefの先頭に#が付いたすべてのタグを有効にすると言います。

あなたはこの効果を制限したいのであれば#menuを追加$('#menu a[href*="#"]:not([href="#"])').click(function() {ウィッヒは、あなたのメニューを包むTHW div要素のidですそれだけでそのdivの内側リンクに影響を及ぼして

メニューでスムーズなスクロールのためのスクリプトはまだグリッチを持っています、あなたは私が気づいたとあなたはjQueryの2つの異なるバージョンをロードしている他の問題
を引き起こす可能性がグーグル

他のものに他を探す必要があります。削除してください。あなたはjQueryの2倍を維持する場合は、ここで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 id、smoothscrolling worksを追加しようとしましたが、まだグリッチがあります。他のスムーススクロールスニペットを探しましたが、それらはすべて同じように見え、同じ「ジャンプ」問題を示します(またはライトボックスと競合します) 。 あなたが書き込んだスナップは、残念ながらうまくいかない:c 私はそれを解決することができる他の方法はありますか? 二重jqueryについて私に気付かせていただきありがとうございます。 CSSなどについてはまだ開発モードですので、コーディングを高速化するためにCSS自体をページ内に置いています。 –

+0

私はそれをテストしたが、私はグリッチを取得しませんでした。それが何かを乱している。私がこのような状況で行うことは、バグを取得してから、問題の内容を絞り込むために短いチャンクを追加するまで、空のhtmlにコードのチャンクを追加することです。 – Turqueso

+0

お返事ありがとうございます!私は最終的にスクリプトに "return false"を追加して修正しましたが、今はグリッジがなく、ライトボックスは完全に機能しています。ご協力ありがとうございました! –

関連する問題