私は、Polymer StarterKitとそのapp-routerを使用してプロジェクトを作成しました。
私のmy-app.htmlには、そのようなビューのセレクターがあります。
<iron-pages role="main" selected="[[page]]" attr-for-selected="name">
<my-view1 name="view1"></my-view1>
<my-view2 name="view2"></my-view2>
<my-view3 name="view3"></my-view3>
<my-view4 name="view4"></my-view4>
<my-view5 name="view5"></my-view5>
<my-view6 name="view6"></my-view6>
</iron-pages>
コンポーネントmy-view1.htmlがあり、その中にhrefタグ付きのdivがあります
<div>God 1 <a href="#gotogod" class="link">Jump to example</a> </div>
私が持っているドキュメントの他の場所
<p id="gotogod">
God is great
</p>
エラーは発生しませんが、リンクをクリックしても段落にジャンプしません。リンクにカーソルを合わせると、
http://localhost:8080/view1#gotogod
しかし、ページはその場所にジャンプしません。
運が悪かったので、hrefのさまざまな組み合わせを試しました。
助けてください。
HTML要素:
<a on-click="scrollIntoView" section-id="gotogod">
Javascript関数:
scrollIntoView(e) {
let sectionId = e.target.getAttribute('section-id');
this.$[sectionId].scrollIntoView();
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加