1

オブジェクトタグコードを使用して商品ページを作成していますが、「表示」ボタンをクリックするたびに、次のページが前のページと同じ位置に表示されたままになります。「表示」ボタンをクリックするたびにページの上部から表示できる機能を追加するにはどうすればよいですか?

<div id="container" class="clearfix"><!--! end of #sidebar -->
    <div class="holder"></div>
    <div id="content" class="defaults"><!-- navigation holder -->
        <div id="title2">Office Section</div>

        <!-- item container -->
        <ul id="itemContainer">
            <li>
                <div id="product">
                    <div id="title">FuBang®</div>
                    <div class="imageOuter" style="margin:0">
                        <a class="image" href="officesection010.html">
                            <span class="rollover" ></span>
                            <img class="imgborder" src="product/officesection/010.jpg" width="165" height="165" />
                        </a>
                    </div><br />
                    <div id="text">Sofa </div><br />
                    <div id="button">
                        <a href="officesection010.html">View Details</a>
                    </div>
                </div>
            </li>
        </ul>
        <br />
        <div id="title2"></div>
        <div class="holder"></div>
    </div>
    </div> <!--! end of #content -->
</div> <!--! end of #container -->

ここの特定の位置「x」で「詳細を表示」ボタンをクリックすると：http://postimg.org/image/vgs0lwhtr/

次のページには同じ位置「x」が表示されていますが、ページの先頭にジャンプしたい: http://postimg.org/image/vn80e2lph/

4

8 に答える 8

12

Javascript の使用:

document.body.scrollTop = document.documentElement.scrollTop = 0;

jQuery の使用:

$(function() {
   $('body').scrollTop(0);
});
于 2013-10-11T06:09:07.737 に答える
4 
<a href="#" ID="backToTop"></a>

jQuery(document).ready(function($){
    $(window).scroll(function(){
        if ($(this).scrollTop() > 50) {
            $('#backToTop').fadeIn('slow');
        } else {
            $('#backToTop').fadeOut('slow');
        }
    });
    $('#backToTop').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 500);
        //$("html, body").scrollTop(0); //For without animation
        return false;
    });
});

これを参照してください、これが役立つかもしれません

于 2013-10-11T06:29:24.130 に答える
3

現在のコンテンツがjQueryを介して生成されている場合（私の場合のように）、スクロールを本文に配置しても機能しないことがあります。このような状況では、次のことを行うだけです。

$(function() {
   $('html').scrollTop(0);
});
于 2016-05-04T09:48:37.430 に答える
1

ページ パーツ間をジャンプするためのシンプルな HTML ソリューション

// Place a tag like this where you would like to go
// in your case at the top
<a name="top"></a>

// you will reach there by click of this link  better use an image reach their by clicking on this we can also use an image, align in right 

<a href="#top">last</a>
于 2013-10-11T07:06:45.843 に答える
0

<body>タグに id="#body" と tabindex を割り当てます

<body id="#body" tabindex="1">

jquery focus() を使用します

$(function() {
    $("#body").attr("tabindex",-1).focus();
}
于 2013-10-11T07:00:33.417 に答える