Question

我在Ionic幻灯片的每张幻灯片中都有可滚动的内容。

一切都运行良好，用户体验非常好，直到我今天早上将我的Galaxy S5从4.4.2更新到4.4.4。 UX现在绝对是一场噩梦。幻灯片内的可滚动内容非常难以使用。侧向滑动灵敏度超高，防止垂直滚动，除非绝对完全垂直。

轻拍手势也很难搞（再次由于左右滑动的敏感度）。

我也注意到了我妻子的Nexus 5（一直运行4.4.4）。

我需要找到这个ASAP的解决方案，因为我的Galaxy S5是我的主要演示设备，现在可以完全使用火车了。

我最近更新到Ionic beta13，没有变化。就像在，一个完整的应用程序用户体验失败，在野外出现的尴尬。

我还卸载了Android 4.4.4（37-> 35）附带的Chrome更新，希望将WebView降级到以前的版本，没有运气。

我想知道我的HTML设置是否有特定内容，或者我能提供什么来解决这个问题。我很惊讶我没有在这个问题上看到更多的活动，因为它使我以前流畅的应用程序完全没用。这让我相信这是一个孤立的问题，但我不知道从哪里开始。

附件是一个HTML模板，发生在我身上。任何想法都非常感激。

<ion-view title="LOVE.">
<ion-nav-buttons side="left">
    <button ng-if="activeSearchSlide == 2" class="button no-animation button-icon icon ion-ios7-arrow-back" style="-webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" ng-click="clearSearch()">
    </button>   
</ion-nav-buttons>
<ion-nav-buttons side="right">
    <button class="button no-animation button-icon icon ion-ios7-gear" style="-webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); float: left;" on-tap="gotoSettings()" on-hold="holdMe()">
    </button>
    <button class="button no-animation button-icon icon ion-ios7-paperplane" style="-webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" on-tap="sendFeedback()" on-hold="holdMe()">
    </button>
</ion-nav-buttons>
<ion-content has-header="true" >  
    <ion-slide-box does-continue="false" auto-play="false" active-slide="activeSearchSlide" on-slide-changed="slideChanged(index)">

        <ion-slide>
            <div>

                <label class="tagLabel" on-tap="clickTag()" on-hold="tagMenu($index, tag)" ng-repeat="tag in templates.categories track by $index" style="{{tag.checked | myTagStyle}}"> 
                    <p>{{tag.name}}<span ng-show="!tag.active">*</span><span class="searchCount">{{tag.bundleCount}}</span></p>
                </label>

                <form ng-submit="addTag(newTagText)">
                    <div>
                    <div style="border-left: none; border-top: none; border-bottom: none; border-right: 40px solid #f8f8f8">
                        <input type="text" id="inputText" ng-model="newTagText" placeholder="new tag category...">
                    </div>
                    </div>
                </form>
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
        </ion-slide>
        <ion-slide>
            <div ng-if="!somethingSelected" >
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
            <p style="font-size:45pt;color:#DDD;">
            ???
            </p>
            </div>   
            <div>
                <div ng-repeat="tag in templates.categories track by $index" ng-show="tag.checked" class="check-element animate-show" >
                        <label class="tagLabel" on-tap="clickTag()" on-hold="tagMenu($index, tag)" style="{{tag.checked | myTagStyle}}">                            
                            <p>{{tag.name}}<span ng-show="!tag.active">*</span><span class="searchCount">{{tag.bundleCount}}</span></p>
                        </label>
                        <label class="tagLabel" on-tap="clickSubTag($parent)" on-hold="subTagMenu($index, item)" ng-repeat="item in tag.items track by $index" style="{{item.checked | myTagletStyle}}" >

                            <p><span style='display:inline-block;'>&nbsp;&nbsp;</span>{{item.name}}<span ng-show="!item.active">*</span><span class="searchCount">{{item.bundleCount}}</span></p>
                        </label>
                    <form ng-submit="addSubTag()">
                        <div>
                            <div>
                                <input type="text" class="subtagTextInput" id="inputText" placeholder="new {{tag.name}} taglet..." ng-model="inputText">
                            </div> 
                        </div>    
                    </form>
                    <br/>
                </div> 
            </div>
            <br/>
            <br/>
            <br/>
            <br/>
        </ion-slide>
        <ion-slide style="padding-left: 3px; padding-right: 3px;">

                        <h1>{{searchString}}</h1>

                        <div ng-repeat="bundle in searchResults track by $index | orderBy:attributes.timestamp:reverse">
                            <div on-tap="viewBundle($index)" on-hold="openBundleModal($index, bundle)" style="background-image: url('{{bundle.firstThumb}}');" class="item {{bundle.attributes.tagged | paintUntagged}}">
                                <div class="bundleCount"><p>{{bundle.URLcount}}</p></div>
                            </div>
                        </div>
        </ion-slide>
    </ion-slide-box>
</ion-content>
<div>
    <button ng-if="locked && overLimit && onSearchPage" class="button button-energized inAppPurchase" ng-click="unlockApp()">{{searchLimit}}/{{totalBundles}}</button>
</div>

Ionic Slidebox + Android 4.4.4中的滑动灵敏度

0 个答案: