菜鸟教程小白 发表于 2022-12-13 15:42:10

html - "Overflow-scroll true"不适用于 ios 设备的 ionic 应用程序


                                            <p><p>我正在研究 ionic 应用程序并尝试提高其性能。在工作中,我发现大多数建议都与滚动有关,因为它是非常重要的功能,建议 <strong>overflow-scroll="true"</strong> 应该在 <code>ionic- 中使用内容</code>标签....</p>

<p>我已经使用了它,但是糟糕……我的应用程序中的滚动停止了……我无法判断这个标签发生了什么?</p>

<p>我正在使用 iPhone6 plus 进行测试.. 我在某处做错了吗?</p>

<p>以下是我的代码</p>

<pre><code>&lt;ion-content class=&#34;content-padding dashboard dashboardContent contentTop&#34; overflow-scroll=&#34;true&#34;&gt;
   &lt;ion-process-spinner css-class=&#34;loadingSpinner&#34; spinner=&#34;ios&#34; processing=&#34;isProcessingDashboardDetails&#34;&gt;
    &lt;section class=&#34;panelSection&#34;&gt;
      &lt;!-- other UI tags --&gt;
    &lt;/section&gt;
    &lt;/ion-process-spinner&gt;
</code></pre>

<p></p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>Ionic 默认使用 Ionic 滚动,它模拟 iOS 设备上看到的 Momentum Scrolling,通过添加 <code>overflow-scroll=true</code> 属性,您基本上是在强制 <strong>this</strong> 特定的 <code>ion-content</code> 以使用 native 滚动(如果您想要全局效果,请查看 <a href="http://ionicframework.com/docs/api/provider/$ionicConfigProvider/" rel="noreferrer noopener nofollow">this link</a>。</p>

<p>但是,如果我是你,我会检查我的 css 类是否影响了元素的样式!</p>

<p>编辑:自从我写这个答案以来已经过去了 4 年,从那时起 Ionic 已经成熟了很多。我会邀请任何人看看<a href="https://ionicframework.com/docs/api/content" rel="noreferrer noopener nofollow">this other link</a>因为我认为 API 变化太大,以前的答案仍然相关。</p></p>
                                   
                                                <p style="font-size: 20px;">关于html - &#34;Overflow-scroll true&#34;不适用于 ios 设备的 ionic 应用程序,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/36276653/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/36276653/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: html - &#34;Overflow-scroll true&#34;不适用于 ios 设备的 ionic 应用程序