Scroll 聚合物滚动问题
嗨,我只是在玩聚合物,有个问题 首先,这是我正在编辑的页面: 大多数情况下效果都很好(如转换等),但当我向下滚动列表,然后单击一张卡片时,网站会停留在底部,但我希望它向上滚动 到目前为止,我搜索了将近5个小时,但我不知道如何滚动回到顶部后,我点击了一张卡 我读了一些关于进入阴影区的书,但我没有理解他们在说什么Scroll 聚合物滚动问题,scroll,polymer,Scroll,Polymer,嗨,我只是在玩聚合物,有个问题 首先,这是我正在编辑的页面: 大多数情况下效果都很好(如转换等),但当我向下滚动列表,然后单击一张卡片时,网站会停留在底部,但我希望它向上滚动 到目前为止,我搜索了将近5个小时,但我不知道如何滚动回到顶部后,我点击了一张卡 我读了一些关于进入阴影区的书,但我没有理解他们在说什么 <html> <head> <title>SG Bergedorf/VM - mobile Seite</title>
<html>
<head>
<title>SG Bergedorf/VM - mobile Seite</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<script src="../components/platform/platform.js"></script>
<link rel="import" href="../components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../components/core-header-panel/core-header-panel.html">
<link rel="import" href="../components/core-toolbar/core-toolbar.html">
<link rel="import" href="../components/core-icon-button/core-icon-button.html">
<link rel="import" href="../components/core-icon/core-icon.html">
<link rel="import" href="../components/core-menu/core-menu.html">
<link rel="import" href="../components/core-item/core-item.html">
<link rel="import" href="../components/paper-fab/paper-fab.html">
<link rel="import" href="../components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../components/paper-ripple/paper-ripple.html">
<link rel="import" href="../components/font-roboto/roboto.html">
<link rel="import" href="../components/core-animated-pages/core-animated-pages.html">
<link rel="import" href="../components/core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="../components/core-animated-pages/transitions/slide-up.html">
<link rel="import" href="../components/core-animated-pages/transitions/hero-transition.html">
</head>
<body style="background-color:#F0F0F0;" unresolved touch-action="auto">
<core-drawer-panel>
<core-header-panel drawer style="background-color:#fff;">
<core-toolbar style="background-color:#3a3a3a;"><div class="bottom titleDrawer">SG B/VM</div></core-toolbar>
<core-menu class="drawer">
<div class="headline"><b>Wähle:</b></div>
<core-item icon="mail" label="Nachrichten" onClick="self.location.href='index.php'"></core-item>
<core-item icon="content-paste" label="Spielberichte" onClick="self.location.href='berichte.php'"></core-item>
</core-menu>
</core-header-panel>
<core-header-panel id="mainContainer" mode="waterfall-tall" main>
<core-toolbar class="tall animate">
<core-icon-button icon="menu" class="buttonDrawer" onclick="document.querySelector('core-drawer-panel').togglePanel();"></core-icon-button>
<div flex></div>
<div class="bottom indent title">Berichte</div>
</core-toolbar>
<core-animated-pages class="content" style="background-color:#F0F0F0;" transitions="hero-transition cross-fade slide-up">
<section id="page1" style="background-color:#F0F0F0;" cross-fade horizontal layout wrap>
/** Left out a bit here **/
</section>
<section id="page2" style="background-color:#F0F0F0;">
<div id="ergebnisBig" style="width:100%" cross-fade>
<table cellpadding='0' border='0' cellspacing='0' style='width:100%; background-color:#3a3a3a;' id="placeholderTable" hero>
<tr style="width:100%;">
<td style="width:40px;">
<paper-fab icon="arrow-back" role="button" class="mini" onclick='changeBack();' slide-up></paper-fab>
</td>
<td class='ergebnisBig' id='placeholderErgebnis'>
</td>
<td style="width:40px;">
<a name="top" id="top"> </a>
</td>
</tr>
<tr>
<td id="placeholderHalbzeit" class='halbzeitBig' colspan="3"></td>
</tr>
<tr>
<td id="placeholderTeams" class='teamsBig' colspan="3"></td>
</tr>
</table>
</div>
<div style="width:100%;" horizontal center-justified layout>
<div id="placeholderText" class="card" style="width:93%;padding:10px;" slide-up>
</div>
</div>
</section>
</core-animated-pages>
</core-header-panel>
</core-drawer-panel>
</body>
</html>
SG Bergedorf/VM-移动Seite
秘书长/副秘书长
Wä;赫勒:
报告
/**这里漏了一点**/
核心标题面板
提供了一个可访问内部滚动div
。从那里,您可以使用vanilla JS滚动它(使用)
请在问题中附上代码的相关部分。请参阅[重复问题][1]中可能出现的重复问题。它有更好的解决方案,实际上是可行的。[1] :那太容易了-非常感谢!!是的!它是,所以它可能不受支持,但它绝对有用!我使用了.scrollToView(view),它也可以正常工作:)
document.querySelector('#mainContainer').scroller.scrollTop = 0;