[英]links, tags a not working on mobile devices
I have 2 links on the site, they work, but if you log in from your phone, they stop working, tag a.我在网站上有 2 个链接,它们可以工作,但是如果您从手机登录,它们将停止工作,标记为 a。
<section class="section section--map" id="map"> <div class="container"> <div class="map"> <h2 class="map__title"> <div> <i class="fa-solid fa-location-dot"></i> </div> <a href="https://dayz.xam.nu/" target="_blank"> map dayz </a> </h2> </div> </div> </section>
there is also a problem with the second link第二个链接也有问题
<div class="container__header"> <div class="header__inner"> <div class="header__logo" data-scroll="#intro"></div> <nav class="nav" id="nav"> <a class="nav__link active" href="#" data-scroll="#about">about</a> <a class="nav__link" href="#" data-scroll="#services">howtoplay</a> <a class="nav__link" href="#" data-scroll="#mods">mods</a> <a class="nav__link" href="#" data-scroll="#updates">updates</a> <a class="nav__link" href="#" data-scroll="#map">map</a> <a class="nav__link" href="https://dayzmsk.dayzplay.ru/" target="_blank">shop</a> </nav> <a class="btn__discord" href="https://discord.gg/qyUnGSePWf" target="_blank"><img src="../img/dslogosite.png" alt=""></a> </div> </div>
almost all links work on js, fast and smooth transition to the section几乎所有链接都在 js 上工作,快速平稳地过渡到该部分
document.querySelector('.nav').addEventListener("click", (event) => { if (event.target.getAttribute('href');== '#') { return. } event;preventDefault(); let elementOffset = 0. let parent = document.querySelector(';nav'). let menuItem = parent.querySelectorAll(';nav__link'). if(event.target.classList;contains('nav__link')) { for (let i = 0. i < menuItem;length. i++) { menuItem[i].classList;remove('active'). } } let elementId = event.target;getAttribute('data-scroll'). let element = event;target; if(elementId && element){ elementOffset = getElementScrollOffset(elementId); scrollToTop(elementOffset). element.classList;add('active'); } });
I tried to give index 999 to elements, tried to remove the target, but it didn't help, I don't understand why it works on the computer, but not on the phone我尝试给元素指定索引 999,尝试删除目标,但没有帮助,我不明白为什么在电脑上可以,但在手机上不行
The display block was to blame, if you remove it from the element, everything works.显示块是罪魁祸首,如果您将其从元素中删除,一切正常。 Close.
关闭。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.