Jquery 使用地址移动webrowser的内容
如果我粘贴地址www.website.comadiv,我希望web浏览器的内容移动到id=adiv的特定位置。以id=adiv开头的内容应位于web浏览器的顶部 有可能吗Jquery 使用地址移动webrowser的内容,jquery,html,css,Jquery,Html,Css,如果我粘贴地址www.website.comadiv,我希望web浏览器的内容移动到id=adiv的特定位置。以id=adiv开头的内容应位于web浏览器的顶部 有可能吗 <table> <tr> <td height=800> asdfasdf<br> asdfasdf<br> asdfasdf<br>
<table>
<tr>
<td height=800>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
</td>
</tr>
<tr>
<td height=800 id=adiv >
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
</td>
</tr>
<tr>
<td height=800 id=adiv >
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
</td>
</tr>
</table>
也许还有别的办法
<table>
<tr>
<td height=800>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
</td>
</tr>
<tr>
<td height=800 id=adiv >
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
</td>
</tr>
<tr>
<td height=800 id=adiv >
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
asdfasdf<br>
</td>
</tr>
</table>
您可以通过window.location.href获取当前url,从url获取此id并滚动到元素位置 纯javascript:
window.addEventListener('load', scrollToElement, false );
function scrollToElement(){
var href = window.location.href;
var id = href.split('#')[1];
var element = document.getElementById("#" + id);
if(element){
var offsetTop = element.offsetTop;
window.scrollTo(offsetTop, 0);
}
}
和jquery版本:
$(document).ready(function(){
var href = window.location.href;
var id = href.split('#')[1];
var element = $("#" + id);
if(element){
var offsetTop = element.offset().top;
$('html, body').animate({
scrollTop: offsetTop
}, 2000);
}
})
只要有一个滚动条和足够的内容可以滚动到元素,它就应该自己完成这项工作。查看以下问题/答案:您是在谈论滚动还是将内容从一个位置移动到另一个位置。如果您询问滚动,请澄清并改写您的问题。请注意,它不能总是将DIV移动到浏览器窗口的顶部。DIV下面必须有足够的内容才能到达窗口底部。所以它会尽可能地滚动,然后停止。这个代码对我来说很有用。。。在使用dev工具更改结果面板上的src之后