我已经搜索了很多可用解决方案的主题.
但是没有找到一些东西.大多数脚本都太杂乱了,不适合我的目的.
寻求仅基于Javascript的解决方案.在我的项目中,不可能使用jQuery.
我需要跳转或滚动到id.
<head>
<script type="text/javascript">
//here has to go function
</script>
</head>
我的电话是:
<a onclick="function_call+targetname"><img src="image1" alt="name1"></a>
<a onclick="function_call+targetname"><img src="image2" alt="name2"></a>
<a onclick="function_call+targetname"><img src="image3" alt="name3"></a>
所以我必须在导航中使用onclick事件.
现在onclick我想跳转或滚动到我的页面中的div id:
<div id="target1">some content</div>
<div id="target2">some content</div>
<div id="target3">some content</div>
这非常重要:不幸的是,html锚点无法正常工作.否则一切都会很容易.
我简单地使用bevore:
onclick="window.location.hash='target';"
但我在eBay有限制.他们不允许这个简单的代码.
此外,我不能调用外部JavaScript(只在头部区域使用JS).此外,不可能使用:"cookie.","cookie","replace(",IFRAME,META或includes)和base href.
一点JS跳到特定点就不难了.我不需要特效.
有没有人有一个苗条和有用的解决方案？
我已经找到了自己的解决方案并感谢Oxi.我按照你的方式.
对所有对我的解决方案感兴趣的人:
<head> <script type="text/javascript"> function scroll(element){
var ele = document.getElementById(element);
window.scrollTo(ele.offsetLeft,ele.offsetTop); } </script> </head>
导航电话:
<a onclick='scroll("target1");'><img src="image1" alt="name1"></a>
现在,您可以跳转到带有被叫ID的div
<div id="target1">CONTENT</div>