83

使用可能なソリューションについて多くのトピックを検索しました。
しかし、何かを見つけてはいけません。ほとんどのスクリプトは、私の目的には雑然としています。
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 アンカーは機能しません。そうでなければ、すべてが非常に簡単になります。

私は単純に使用しています：

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>
4

6 に答える 6

3

以下のコードはあなたを助けるかもしれません

var objControl=document.getElementById("divid");
objControl.scrollTop = objControl.offsetTop;
于 2012-11-07T09:37:30.673 に答える
3

on anchor tag use href and not onclick

<a href="#target1">asdf<a>

And div:

<div id="target1">some content</div>
于 2012-11-07T09:35:35.413 に答える