Get the height of a div without Jquery

[pierro]

This:

Slide-box with different slide heights

After a lot of research, I’ve not found a solution yet. The problem seems trivial: a slidebox with 3 slides, each loading dynamic content. Obviously, each slide will have it’s own (dynamic) height. There’s no problem with the dynamic height of slides (adding elements increase the height of the slidebox) but I want each slide to have it’s OWN height. At the moment, each slide gains the height of the major of the 3 slides. Tried $ionicSlideBoxDelegate.update() (which have been removed from la…

or this:

Slide-box Dynamic Height

Another small problem, With this code: .controller('ListCtrl', function($scope, EventService,$location,$localStorage, $ionicActionSheet, $translate,$stateParams){ $scope.gotoSlide = function(index) { $scope.$broadcast('slideBox.setSlide', index); }; var slidenum = $stateParams.slidenum; if($stateParams.slidenum>=0){ $scope.$watch(function(){ $scope.gotoSlide(slidenum); }); } }) I’m getting this error multiplied by the number of pages that I have, TypeError: Cannot read property 'length…

are exactly my problem.
Except that the first solution uses jquery to get the height.
And the second one hides the pages during transitions, which kills the purpose of a slidebox.

Again, the problem is that if I have 3 slides, each with unknown height (can’t be defined with css thus), they will all take the height of the biggest slide. (because the whole ion-slide-box will take the biggest height)