У меня есть поиск по многим темам для полезного решения.
Но не нашел что-то. Большинство скриптов слишком забиты для моих целей.
Поиск решения, основанного только на 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 я хочу перейти или прокрутить до id div на моей странице:
<div id="target1">some content</div>
<div id="target2">some content</div>
<div id="target3">some content</div>
Это очень важно: к сожалению, html anchor не работает. В противном случае все будет довольно легко.
Я использую bevore просто:
onclick="window.location.hash='target';"
Но у меня есть ограничения в eBay. Они не позволяют этот простой код.
Также я не могу вызвать внешний javascript (используйте только JS в области заголовка). Кроме того, невозможно использовать: "cookie", "cookie", "заменить (", IFRAME, META или включает ") и 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>
Теперь вы можете перейти к div с именем ID
<div id="target1">CONTENT</div>