Estoy tratando de hacer un botón flotante que permanezca en su lugar y no se mueva mientras se desplaza. El uso de la posición fija funcionó para una página web de prueba muy simple, pero no funciona en mi sitio web, donde algunas exportaciones web generaron javascript automáticamente para que la escala se ajuste y cambie el tamaño actual. Ese código no debería estropear las cosas. ¿Hay alguna otra forma de arreglar el botón donde quiero y no se moverá mientras me desplazo? Por favor si alguien sabe de esta ayuda...
CSS
#scroll-top-button { position: fixed; /* Need a different solution without fixed position */ top: 240px; right: 100px; width: 210px; height: 210px; border-radius: 50%; border: 8px rgba(171,229,99,0.45) solid; z-index: 999; } #Web_1920__1 { position: absolute; width: 3554px; height: 2216px; border: 0px grey solid; background-color: rgba(255,255,255,1); overflow: visible; visibility: hidden; --web-view-name: Web 1920 – 1; --web-view-id: Web_1920__1; --web-scale-to-fit: true; --web-scale-to-fit-type: width; --web-scale-on-resize: true; --web-center-horizontally: true; --web-enable-deep-linking: true; }HTML
<body> /* simple structure */ <div id="scroll-top-button"></div> <div id="Web_1920__1"></div> </body>¿Es posible lograr esto en un enfoque diferente...?
prueba position: fixed !important;