Question

prekvalifikujse.com

当您将鼠标悬停在 srednje skole -> tehnicka skola <时，您可以进入该网站并从索引和 kontakt 页面进行检查/ strong>-> 按列表上的任何链接不会执行任何操作，但是当您进入 tehnicka skola 页面并尝试从该页面输入列表中的任何项目时可以正常工作并且在标题之间滚动。

唯一有效的方法是右键单击-> 在新标签页中打开，它会将我直接发送到 tehnicka skola 页面上的标题，我考虑过target="_blank"，但在索引和 kontakt 页面上都无法正常工作。

<?= SITE_URL ?> --- is defined on php app for prekvalifikujse.com/

带有导航菜单的第一页（只有一段代码，其中那部分无效）：

<div class="col-12"> <ul id="nav_tabs" class="main-navigation fadeInLeft"> <li class="item"><a class="nav_links white" href="<?= SITE_URL ?>">Pocetna</a></li> <li class="item"><a class="nav_links white" href="#">Fakulteti</a></li> <li class="item"><a class="nav_links white" href="#">Srednje Skole</a> <ul> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola">Tehnicka Skola</a> <ul> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts1">Elektrotehničar informacionih tehnologija</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts2">Administrator racunarskih mreza</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts3">Elektrotehničar računara</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts4">Građevinski tehničar niskogradnje</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts5">Dekorater zidnih površina (moler)</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts6">Rukovalac građevinskom mehanizacijom</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts7">Keramičar, teracer, pećar</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts8">Zidar fasader</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts9">Kuvar</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts10">Kulinarski tehnicar</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts11">Automehaničar</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts12">Tehničar drumskog saobraćaja/<br>Saobraćajno-transportni tehničar</a></li> <li><a href="<?= SITE_URL ?>srednje_skole/tehnicka_skola#sts13">Vozač motornih vozila-specijalista</a></li> </ul> </li> </ul> </ul>

第二页（tehnicka skola），其中某些内容的div具有id，应从标记中提取：

<div class="default_width"> <div class="bcg_for_txt"> <div class="txt_for_schools"> <h3 class="center_text">Imate završen trogodišnji smer i želite naknadno da upišete četvrtu godinu? Zanima vas vanredno školovanje za smer elekrotehničar računara? Potrebna vam je prekvalifikacija za smer elekrotehničar računara? Niste zadovoljni zanimanjem koje ste završili? Popunite upitnik i ostalo prepustite nama </h3><br><br> <div id="sts1"><br><br><br><h1 class="center_text">Elektrotehničar informacionih tehnologija</h1></div><br><br> </div> </div> </div>

Answer 1

您的平滑滚动脚本出错了，因为ID匹配哈希的元素不存在。您可能需要在应用该行为之前进行路径检查：

if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') 
  && location.hostname === this.hostname) {
    // do smooth scroll
}

您还可以检查元素：

if ($(hash).length) { ... }

锚在不同页面上的行为不同

1 个答案: