ここにリンクの例があります: http://www.kubikdesign.com.au/demo/magiczoomplus/
基本的に、「ズームして拡大」をクリックすると、モーダルを開く前にページが一番上にジャンプします。
問題は、Foundation がキャンバス外で動作するために body と html の高さが 100% である必要があることです (foundations _global.scss を参照)。
以下を使用すると、ジャンプのバグが修正され、オフキャンバスでも問題なく動作するようです。
body {
height: auto;
min-height: 100%;
}
私の質問は、これが最善のアプローチですか?私のソリューションは正しいですか?
ありがとうございました。