सीएसएस परिवर्तन तुरंत लागू नहीं होते हैं

Question

सिर को कम करने के लिए रंग बदलना चाहिए, लेकिन परिवर्तन नहीं देखा जाता है, अगर मैं केवल मेनू खोलता हूं तो परिवर्तन देखा जा सकता है।

<ion-header-bar class="thediv" ng-class="{scrolling: isActive}"> 
    <ion-nav-bar class="bar-clear " >   
    </ion-nav-bar> 
    </ion-header-bar> 

मेरी कक्षा:

.scrolling{ 
    background-color: red !important; 
} 

और कोड:

if ($ionicScrollDelegate.$getByHandle('contentScroll').getScrollPosition().top > 100) {  
    $scope.isActive = true; 
} else { 
    $scope.isActive = false; 
} 

डेमो

http://virtual-host-discourse.global.ssl.fastly.net/uploads/ionicframework/optimized/2X/7/7fcbaa68a40008e90de10292d80559c3eb5e17bf_1_326x500.gif

Answer 1

मेरी धारणा है कि पचाने पाश संसाधित नहीं है whe है n आप $scope.isActive को प्रभावित करते हैं।

एक $timeout में लपेट की कोशिश करें

if ($ionicScrollDelegate.$getByHandle('contentScroll').getScrollPosition().top > 100) {  
    $timeout(function(){ 
    $scope.isActive = true; 
    },0) 
} else { 
    $timeout(function(){ 
    $scope.isActive = false; 
    },0) 
}