0

私は自分自身のために新しいオンライン ポートフォリオをデザインしている最中で、これまでのところすべて順調に進んでいます。これは、個別の「記事」に分割された単一の HTML5 ファイルであり、各記事にはスキルが含まれており、ユーザーはリンクを介してナビゲートし<a href="#target">ます。これをスムーズにするために、私は jQuery の 2 つのチャンクを使用しました。;-)

しかし、今日少しいじっただけで、ページが読み込まれると途中までジャンプするという奇妙なバグに遭遇しました。Google Chrome ではぎくしゃくしてトップに戻りますが、Firefox 4 と Internet Explorer 8 では、ページの意図した元の場所から離れたままです。

私のオンライン ポートフォリオ to beをご覧ください。

私が今朝行っていたのは CSS の調整だけでしたが、これは問題ではないと判断しました。さらに、HTML ファイルの行 216 ～ 27 をコメントアウトしてページ スクロール プラグインを削除しても、問題は解決しません。

ただし、メインの jQuery ライブラリへの参照 ( <script src="js/jquery-1.5.2.min.js"></script>、行 202) を削除すると、ジャンピング バグが削除されます... 他の jQuery ベースのページ機能もすべて削除されます! ダン！

明るいアイデアはありますか？私はサイトの完成にかなり近づいていましたが、そのようなばかげたバグが邪魔をしているようで、髪を引き裂いています。

4

1 に答える 1

1

(コメントで回答された質問。コミュニティ wiki 投稿に変換されました。回答がない質問を参照してください。ただし、コメントで問題が解決されました (またはチャットで拡張されました) )

OP は次のように書いています。

突破口がありました: ページが毎回ジャンプする場所について何かに気づきました: ブラウザー ウィンドウの一番下に、最初の Ajax フォーム フィールド(<input type="text" ... id="senderName" ... />(138 行目)が表示さ$('#senderName').focus();れ、適切な .js ファイルから命令を削除すると、ページがジャンプしなくなったため、問題を解決しました。ただし、これは、ユーザーがページ上のそのポイントまでスクロールすると、フォーカスされている最初のフォーム フィールドが明らかに失われます。

これら 2 つの状態の間で適切なコーディングの妥協点を推奨できる人はいますか?

@drudge 書きました:

.focus() はページの下部のセクションにあるため、単に削除するのがおそらく最善です。検索ボックスやログインフォームではないので、特に必要ありません。

OP は次のように書いています。

私は同意する傾向があります-30分いじりましたが、ページが現在どのように機能しているかに完全に満足しています. ご安心いただきありがとうございます。:-)

于 2015-02-03T16:15:34.000 に答える