-1

私は単一ページの Joomla サイトに取り組んでいます。これは非常に基本的なことですが、技術的な問題がいくつかあります。ユーザーがナビゲーション メニューのリンクをクリックすると、ページが対応する要素にスクロールします。私はjQueryと普通の古いアンカーを使ってこれをやっています。(例: mysite.com/#contact)

お問い合わせフォームも使っています。このフォームを送信すると、ページがリロードされます。mysite.com./#contact の URL を再度リロードし、フォームが正常に送信されたことをユーザーに知らせるメッセージを表示したいと考えています。これにはポップアップを使用したくありませんが、フォームのすぐ上に表示したいと考えています。

送信リダイレクトを mysite.com/#contact?submit=yes に戻し、jquery を使用して URL に submit=yes パラメータがあるかどうかを確認し、メッセージを表示することを考えましたが、問題は、パラメータをurl、正しい要素まで自動的にスクロールダウンしません...

これを修正するためのアイデア/巧妙なトリックはありますか?

前もって感謝します！

ブラム

4

2 に答える 2

1

パラメータを最初に配置してから、アンカーを最後に配置してみてください。

mysite.com/?submit=yes#contact

于 2012-09-19T15:31:43.670 に答える
1

... "次に、jquery を使用して URL に submit=yes パラメータがあるかどうかを確認し、メッセージを表示します" ...

はい、これを行うことができます。次に、フォームまでスクロールするか、次のような通知メッセージを表示する必要があります

if(document.location.href.indexOf('submit=yes') != -1){
 $('html, body').animate({
         scrollTop: 500 // the amount of scrolling : $("#YourFormId").offset().top
     }, 2000);
}
于 2012-09-19T15:47:47.973 に答える