jQuery單擊跳轉到Safari上的頁面頂部

Question

我試圖創建一個頁腳，基本上，當您單擊鏈接時，它將打開一個繪制樣式效果以顯示更多鏈接。 當我單擊鏈接時遇到的問題跳至Safari中的頁面頂部（在iPhone和iPad上進行了測試）（Chrome可以正常運行）。

我在jQuery中添加了以下內容：

jQuery('#click').click(function(event){
    event.preventDefault();
    // Do something
    return false;
});

但是，這尚未解決問題。

完整的代碼在Codepen上： https ://codepen.io/tcfmark/pen/VxWxxa

更新：在iOS 7的Safari中的iPad 2上可以正常工作，但在使用Safari或Chrome iOS 11的iPhone上不能正常工作嗎？

如果有人可以看看我要去哪里錯了，那將很有幫助。

Answer 1

拋開javascript，如何使用新的details/summary元素。

 *{ box-sizing: border-box; } details{ text-align: center; } details div{ display: flex; } details div > div{ flex: 1; padding: 10px; border: 1px solid #eee; } 

 <details> <summary></summary> <div> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> </details>