[英]Javascript onclick window.location for page anchors?
所以SOF
我有一个小问题,当我使用页面锚点单击链接时,我不希望#BOT
出现在我的URL中。
$("a.bottom").click(function() {
window.location = '#BOT';
});
<a class="bottom" href="javascript: void(0);">BOTTOM</a>
<a href="#BOT">BOTTOM</a>
<a id="KEY"></a>
如何停止在pageurl栏中添加#BOT
?
jQuery scrollTo插件非常擅长于此。 它将不使用锚点将窗口滚动到元素:
$("a.bottom").click(function() {
$.scrollTo($("a[name='#BOT']"));
});
也可以使功能更加通用:
jQuery的
$("a.scrollable").click(function() {
$.scrollTo($("#"+$(this).data("scrollto")));
});
的HTML
<a class="scrollable" data-scrollto="BOT">BOTTOM</a>
<a id="BOT"></a>
<a class="scrollable" data-scrollto="KEY">BOTTOM</a>
<a id="KEY"></a>
您可以使用window.scrollTo(x,y)
方法滚动页面。 不需要刷新页面。
例如:
$("a.bottom").click(function() {
scrollTo(0,100);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.