0

これが私の挑戦です -

私はウェブサイトhttp://www.jodsn.comを持っています- ホームページには [VIEW MY WORK] と [VIEW MY SKILLSETS] の 2 つのボタンがあります。

各ボタンをクリックすると、デフォルトのページがスライドアウトし、ワークページまたはスキルページのいずれかにスライドインします。

Arial Flesler の .ScrollTo は、ページに既に読み込まれている要素をターゲットにしているように見えるため、機能しないと思います。私が間違っている場合は、私を修正してください。

JQUERYでこのタスクをどのように達成しますか?

4

3 に答える 3

0

トップの絶対位置でdivを配置しないのはなぜですか: -(divの高さ); 次に、scrollTo を使用します。

次に、jquery を使用して、任意のアンカーでページを読み込みます。

于 2011-04-02T01:45:54.570 に答える
0

関数内で jQuery のスクロール関数を使用できます$(document).ready(function(){...});。

編集：

$(document).ready(function()
{
   //Place .scrollTo code here.
});
于 2011-04-02T01:47:11.473 に答える
-1

私があなたを正しく理解していれば、各タブが ajax を介して読み込まれ、アニメーションで表示される、タブ付きのインターフェイスのように漠然と動作するものが必要です。

jqueryui のようなプラグインを使えば簡単なことももちろんできますが、サイトのスタイルに合うものを作るには、フル カスタムにします。これから始めてコンテンツをロードし、それを使って何かをします:

$.ajax('Skills.aspx', { 
  dataType: 'html'
  success: function(data){ 

    $('#container') // something to hold your content
      .slideUp(400, function(){   // hide existing content
        $(this).empty() // and remove it
        .append(data)   // append new content
        .slideDown();   // and show it
      });

  }
});

繰り返しますが、これは開始するためのものです。コンテンツが軽量の場合は、サーバーからすべてをロードして、AJAX を完全にスキップできます。

于 2011-04-02T01:51:24.343 に答える