返回Javascript中的反向值

使用Ionic和Angular，我試圖創建一個建立在Ionic側面菜單上的指令。現在它的基礎是淡出吧演示，看起來像這樣。返回Javascript中的反向值

.directive('fade', function ($timeout) { 
    return { 
     restrict: 'A', 
     link: function ($scope, $element, $attr) { 
      // Run in the next scope digest 
      $timeout(function() { 
       // Watch for changes to the openRatio which is a value between 0 and 1 that says how "open" the side menu is 
       $scope.$watch('sideMenuController.getOpenRatio()', function (ratio) { 
        // Set the transparency of the fade bar 
        $element[0].style.opacity = Math.abs(ratio); 
       }); 
      }); 
     } 
    }; 
})

所以現在.getOpenRatio正在跟蹤側邊菜單是如何打開的。現在我正在做的是試圖淡出菜單內容，因爲該比率變爲1.但我的問題是，我不知道如何得到該值的倒數。因此，內容的不透明度在關閉時設爲0，在打開時爲1。 Here's my example

我怎麼能說「開放比率爲0時，我的內容不透明度是1，但是當比例是1時，我的內容不透明度是0。我不知道這是否構建在JavaScript中，所以我願意添加jQuery的項目，如果我需要。

任何幫助表示讚賞。

來源

2014-02-08 mhartington

'contentOpacity = 1 - ratio'？ – tewathia

哇，那簡單嗎？我覺得和白癡哈。感謝您及時的回覆。想要回答它，我會給出信用 – mhartington

嘗試

$element[0].style.opacity = 1 - Math.abs(ratio);

來源

2014-02-08 13:34:16 Damiya

返回Javascript中的反向值

回答

相關問題