2017-05-17 5 views
0

ユーザーのスクロールで移動するボタンを追加するか、ウィンドウの下部に貼り付けます。最後に表示されたページへのリンク付きのフローティングボタン

他の投稿への内部リンクを持つ指示のページ(例:/georgia-insurance-license)(例:How to Pass the Insurance Exam)があります。

ユーザーがブラウザの戻るボタンを押すか、2つのステップをナビゲーションから状態ページに移動する代わりに、1つのボタンがクリックされている状態ページに戻った方がよいでしょう。彼らはから来た。

モバイルでうまくいくといいですね。

スティッキーボタンのアイデアがある場合は、お知らせください。

また、私はSquareSpaceを使っています。

ありがとうございます!

答えて

0

「固定」ポジショニングを使いたいと思うようです。


マークアップ

<button class='special-button'>special button</button> 


スタイル

.special-button { 
    position: fixed; 
    right: 1rem; 
    bottom: 1rem; 
} 

https://jsfiddle.net/sheriffderek/1u4y2csj/

+0

クール、それはボタンの位置の問題を解決します。ボタンを「状態ページ」にリンクさせる方法について考えていますか? また、「試験に合格する」ページに移動して「非国」のページに移動する可能性もあります。 訪問者が最初に選択した状態にリンクしている訪問中に、Cookieをユーザーに保存する方法はありますか? –

+0

「リスト」ページへのリンクは、通常の「 sheriffderek

0

がスクロールとしての走行にfixedプロパティを使用。
を追加し、onclick="history.back(-1)を追加すると1ページに戻ります。

.backBtn { 
 
    position: fixed; 
 
    left: 40%; 
 
    top: 50%; 
 
}
<button class='backBtn' onclick="history.back(-1)">GO BACK! </button>

関連する問題