2

Facebookと同じように通知ドロップダウンがあります。リンクをクリックすると、このドロップダウンが表示され、絶対値として配置されます。問題は、ドロップダウンを開くと、ページが上にスクロールされることです。残念ながら、コードを巨大なものとして貼り付けることはできません。何が問題なのか推測できますか。

これが私が持っているものです。http://jsfiddle.net/testtracker/uuQf3/1/
最初に下にスクロールしてから黒いリンクをクリックすると、最初に上にスクロールしてから通知のドロップダウンが表示されます。

4

2 に答える 2

1

上記のように、#href属性を持つアンカータグを使用すると、ページの上部に移動します。これに対する解決策は次のとおりです。

onclickイベントをキャッチし、これを実行します

$('a').click(function(e){
  e.preventDefault();
   //OR
  return false;

});

これにより、デフォルトの動作が制限されます。

または、このようにアンカー要素に直接書き込むことができます

<a href="#" onclick="return false;">link</a>
于 2012-11-24T19:06:08.657 に答える
1

ここでの問題は、リンクが#というアンカータグを見つけようとしていることです。これは存在しないため、ページの一番上までスクロールします。必要なのは、href = "#"をロードするデフォルトのアクションを実行しないようにイベントハンドラーに指示することです。

e.preventDefault()解決策は、イベントハンドラーに追加することです。

こちらのデモをご覧ください:http: //jsfiddle.net/ksokhan/uuQf3/2/

于 2012-08-27T14:07:36.047 に答える