彈出滾動問題

Question

這就是我試圖創建CodePen示例的原因

這個想法是，彈出窗口應該與Pinterest 鏈接完全一樣

我遇到的問題是：

• 當您關閉彈出窗口時，頁面始終跳至頂部。 它應該留在原地
• 彈出窗口是固定的，我如何使其可以像在Pinterest上一樣移動？ 我想在頂部留一些間距，當您滾動時，實際上將其向上移動
• 如果您有機會在手機上查看此內容，請這樣做。 我想使網站響應。 如果您在移動版本中查看彈出窗口，則該窗口不流暢。 這意味着當您在觸摸屏上滾動並移動手指時，滾動會立即停止。 因此，感覺就像您需要用手指按下內容一樣。 它沒有流動，所以您可以滑動，並且會慢慢停止

我已經嘗試了好幾天，卻無法解決。 歡迎任何幫助:) tnx！

Answer 1

而不是像這樣對關閉按鈕使用錨標記：

<div class="close"><a href="#portfolio">close</a></div>

改為這樣做：

<span class="close">Close</span>

不要忘記為.close類添加cursor:pointer樣式。

您的問題將得到解決。

現在，當您單擊Firefox上的關閉按鈕時，觸發彈出窗口的圖像就會消失，以防萬一您尚未選中它。 因此，最好不要將錨標簽用於關閉按鈕。 我的建議是“永遠不要使用錨標簽作為關閉按鈕”。

希望這可以幫助。