FireFox и <href прокрутка до части страницы, например, div

Question

У меня есть стиль для кнопки изображения:

.sticky {
  position: fixed;
  top: 50px;
  width: 120%;
  z-index: 1;
}
@media screen and (min-device-width : 100px) and (max-width: 600px)  {
 .sticky{
 display:none;
 }
}

и скрипт для них:

window.onscroll = function() {
    myFunction();

}

var backarrow = document.getElementById("back");
var sticky = backarrow.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    backarrow.classList.add("sticky");
  } else {
    backarrow.classList.remove("sticky");
  }

}

это действительно работает! Но я не понимаю, почему Clicking отключен для FireFox, в то время как другие браузеры не имеют проблем с этим. z-index установлен в 1, но с другими браузерами все в порядке, кроме FF. что я могу с этим поделать и как это исправить? Большое спасибо, кто знает!

Answer 1

Я решил проблему !!!!!!!!!! Что я сделал, так это использовал мой идентификатор кнопки для моего скрипта jquery вместо img id. Таким образом, вся кнопка прокручивается вниз, вставляя только изображение, и поэтому я могу реализовать

 <button onClick="location.href = '#top'" 

на любой <img onclick или <href onclick события, которые я пробовал и не работает. Надеюсь, это кому-нибудь тоже поможет, как пример :)

Answer 2

Я только что сделал это для ссылок кнопок изображений:

<a href="#top"   <a href="#wrap" 

Предполагается, что работает для любого браузера. Это даже не скрипт. но, вероятно, недостаточно хорошего CSS, что у меня есть.

'>

<img alt="" class="mainlogo"  src='data:image/png;base64,<?php echo base64_encode(file_get_contents("******.png")); ?> '>

   <button class="right"> <a href="#wrap" class="next" onclick="plusSlides(1)"> <img alt="" id="forward" class="logo" style='max-width: 40px;' src='data:image/png;base64,<?php echo base64_encode(file_get_contents("*****/Pictur3.png")); ?>  '> </a> </button>