https://wetzlar.de/js/Navigation.js

1SP.Class.define('Reposition.Navigation', { extend: 'SP.Navigation',
2
3  /**
4   * @constructor
5   * @access public
6   */
7  init: function () {
8    this._super();
9    this._rubrics()
10  },
11
12
13  /**
14   * positioniert die Rubriknavigation so, dass Sie mit dem Intro-Bild beginnt und
15   * mindestens so hoch wie dieses ist.
16   * @access protected
17   */
18  _rubrics: function () {
19    var _isDivision = SP.DomUtils.hasClass(document.getElementsByTagName("html")[0], "SPtpl-division");
20    if (_isDivision == false) {
21      var headline = document.querySelector('.SP-headline--article') || document.getElementById('#vv_content .headline'),
22          illu = document.querySelector('#SP-intro .SP-asset') || document.getElementById('#SP-slider'),
23          asideUpper = document.getElementById('SP-navigation-rubric');
24
25      var _do = function () {
26       var headlineHeight = 0,
27            headlineMarginBottom = 0,
28            illuHeight = 0,
29            illuMarginBottom = 0;
30
31        if (headline) {
32          headlineHeight = headline.getBoundingClientRect().height;
33          headlineMarginBottom = Math.round(parseFloat(SP.DomUtils.getStyle(headline, 'margin-bottom').replace('px', '')));
34        }
35
36        if (illu) {
37          illuHeight = illu.getBoundingClientRect().height;
38          illuMarginBottom = Math.round(parseFloat(SP.DomUtils.getStyle(illu, 'margin-bottom').replace('px', '')));
39        }
40  
41        // keine Angleichung der Subnavigation an die Illustration des Intros (Ticket #2016080910000064)
42        // asideUpper.style.cssText = "padding-top: " + (headlineHeight + headlineMarginBottom) + "px; min-height: " + (illuHeight + illuMarginBottom + headlineHeight + headlineMarginBottom) + "px;";
43      };
44
45      if (asideUpper) {
46        if (window.innerWidth > 1023) {
47         _do();
48        } else {
49          asideUpper.style.cssText = "";
50        }
51        SP.Event.addListener(window, "load", function () {
52          if (window.innerWidth > 1023) {
53            _do();
54          } else {
55            asideUpper.style.cssText = "";
56          }
57        });
58        SP.Event.addListener(window, "resize", function () {
59          if (window.innerWidth > 1023) {
60            _do();
61          } else {
62            asideUpper.style.cssText = "";
63          }
64        });
65      }
66    }
67  }
68});