我使用固定在 上的位置，#zoom-controls因此當我滾動時它button會停留在屏幕頂部。在我添加position: fixed到之前div，按鈕工作，但如果我添加position: fixed變得button沒有反應。在 fiddlejs 上玩過之后，我發現如果你刪除svgbuttons div 的兄弟，即使 div 是固定的，按鈕也能工作。我需要svg留下來。svg這是帶有 - 的代碼，position: fixed所以它不起作用：var butt = document.getElementById('zoom_in');butt.addEventListener('click', () => { var body = document.getElementById('body'); var p = document.createElement('p'); p.textContent = 'pressed'; body.appendChild(p);});.draggable { cursor: move;}.pdf-page-canvas { display: block; margin: 5px auto; border: 1px solid rgba(0, 0, 0, 0.2); z-index: 0;}.canvas_container { width: 100%; /* height: 100%; */ z-index: 0; position: absolute;}#svg { position: absolute; z-index: 1;}<!DOCTYPE html><html><head> <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script></head><body id="body"> <div id="zoom-controls" style='position:fixed'> <button id="zoom_in">+</button> </div> <svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" preserveAspectRatio="none"></svg></body></html>
按鈕在固定位置 div 內變得無響應
慕沐林林
2023-02-17 10:19:22
