我目前使用jQuery通过类中的onload
函数在特定的hashtag处加载页面,当用户点击文章标题时。这个hashtag显然会出现在URL中。我想知道是否有一种方法可以隐藏hashtag,以免让URL混乱不堪。我搜索了一些内容,但没有找到什么有用的信息。
function goToAnchor() {
location.href = "#post";
}
我目前使用jQuery通过类中的onload
函数在特定的hashtag处加载页面,当用户点击文章标题时。这个hashtag显然会出现在URL中。我想知道是否有一种方法可以隐藏hashtag,以免让URL混乱不堪。我搜索了一些内容,但没有找到什么有用的信息。
function goToAnchor() {
location.href = "#post";
}
正如这里所看到的:http://djpate.com/2009/10/07/animated-scroll-to-anchorid-function-with-jquery/
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
只需传递您想要滚动到的元素的 id。
$('.anchorClass').on('click', function(e) {
e.preventDefault();
// rest of stuff
});
:)
我们互相补充。 - Jeff Hinesfunction scrollSmoothTo(elementId) {
var element = document.getElementById(elementId);
element.scrollIntoView({
block: 'start',
behavior: 'smooth'
});
}
#userdiv {
margin-top: 200px;
width: 200px;
height: 400px;
border: 1px solid red;
}
a {
color: #337ab7;
cursor: pointer;
}
a:hover {
text-decoration: underline;
}
<a onclick="scrollSmoothTo('userdiv')">
Scroll to userdiv
</a>
<div id="userdiv">
Lorem ipsum this is a random text
</div>
我认为你可以使用 .htaccess 文件。在那里,你可以让一些 URL 链接指向同一个地址。
例如,fff.com/fff
、fff.com
和 fff.com#anchor
可以在浏览器标签中显示为 fff.com
。
alert()
。 - Jeff Hines