Çözüldü Arama çubuğundan bölümün ID'sini gizlemek mümkün mü?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Measterpo

Centipat
Katılım
9 Aralık 2020
Mesajlar
1.787
Makaleler
2
Çözümler
25
Aklıma bir soru takıldı, tek sayfa portfolyo yaptığım için menüden bir elemana tıklayınca ID'ye yönlendiriyor, arama çubuğunda bölümün ID'si çıkıyor, bunu kaldırmam mümkün mü? #about kısmının gözükmemesini istiyorum kısaca.

1620071631540.png
 
Son düzenleyen: Moderatör:
Çözüm
Bu kod yardımcı olacaktır.
HTML:
<body>
<a class="nav-link" href="#home" onclick="removehash()">Home</a>

<h1 id="home">HOME</h1>
</body>

<script>
    function removehash(){
        setTimeout(function(){
            history.replaceState("", document.title, window.location.pathname);
        }, 1);

    }
</script>
Tek sayfa kullanıyorsanız JS kütüphanelerine bakmanızı öneririm. HTML içeriğini JS üzerinde dinamik olarak değiştirerek istediğinizi sağlayabilirsiniz. Sizinki gibi bir proje için VueJS kullanıyorum, ancak daha iyi Framework JS'leri de mevcut.
 
Tek sayfa kullanıyorsanız JS kütüphanelerine bakmanızı öneririm. HTML içeriğini JS üzerinde dinamik olarak değiştirerek istediğinizi sağlayabilirsiniz. Sizinki gibi bir proje için VueJS kullanıyorum, ancak daha iyi Framework JS'leri de mevcut.
Evet, tek sayfa bir portfolyo tasarladım. Henüz kütüphanelerle ilgili pek bir bilgim yok, araştırmaya koyuldum.
 
Bu kod yardımcı olacaktır.
HTML:
<body>
<a class="nav-link" href="#home" onclick="removehash()">Home</a>

<h1 id="home">HOME</h1>
</body>

<script>
    function removehash(){
        setTimeout(function(){
            history.replaceState("", document.title, window.location.pathname);
        }, 1);

    }
</script>
 
Çözüm
Bu kod yardımcı olacaktır.
HTML:
<body>
<a class="nav-link" href="#home" onclick="removehash()">Home</a>

<h1 id="home">HOME</h1>
</body>

<script>
    function removehash(){
        setTimeout(function(){
            history.replaceState("", document.title, window.location.pathname);
        }, 1);

    }
</script>
Sorunum çözüldü teşekkürler.
 

Geri
Yukarı