0

このWebサイトでデータベースを検索しようとしましたが、問題に対する具体的な答えがまだ見つかりません。

タブのリンクをクリックすると、ページが一番上に移動します。停止する必要があります。 http://www.pcigeomatics.com/index.php?option=com_content&view=article&id=65&Itemid=7

4

1 に答える 1

1

一番上まで「スクロール」しているのは、のせいではありませんreturn false。これは、このコードでは次の理由によるものです。

//On Click Event
$("ul.tabs_ip li").click(function() {

    $("ul.tabs_ip li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab

////////////////RIGHT HERE
    $(".tab_content_ip").hide(); //Hide all tab content

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});

これを非表示にすることでページを大幅に短くしているDIVため、ページの上部に「スクロール」しているように見えます。DIVもしあなたがそれかそのようなものを与えるとしたらmin-height: 400px;、あなたはジョギングをすることはないでしょう。最小の高さをコンテンツに適した数値に設定します。

編集:

このCSSを.cssファイルに追加します。

.tab_content_ip{
    min-height: 400px;
}
于 2012-11-05T21:43:06.823 に答える