FireFox и <a href прокручивают до части страницы, такой как div
У меня есть стиль для кнопки изображения:
.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");
}
}
это действительно работает! Но я не понимаю, почему для FireFox отключено нажатие, в то время как в других браузерах с этим проблем нет. z-index установлен в 1, но другие браузеры с этим справляются, кроме FF. что я могу с этим поделать и как это исправить? Спасибо большое, кто знает!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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>
Решил проблему !!!!!!!!!! Я использовал свой идентификатор кнопки для моего сценария jquery с идентификатором img. Таким образом, вся кнопка будет прокручиваться вниз вместо одного изображения, и поэтому я мог бы реализовать
<button onClick = "location.href = '#top'"
помимо любых
<img onclick или <href onclick
события, которые я пробовал и не работают.
Надеюсь, это тоже поможет кому-нибудь в качестве примера :)
Можете ли вы предоставить соответствующие части HTML? т.е. для этой 'кнопки изображения' и для любого элемента id = "back"? Также - что вы имеете в виду или откуда вы знаете, что "нажатие отключено в Firefox", т.е. я не вижу никаких событий onclick ...