简体   繁体   English

链接、标签在移动设备上不起作用

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM