gør-det-selv

Vejr

Tips til at komme tør gennem skybrudssæsonen

August måned er traditionelt set den måned, hvor der er flest skybrud i Danmark. Det kan føre til oversvømmelser rundt…

Læs mere »
Nyheder

Danskerne elsker traileren – sådan gør du den klar til foråret

Foråret står på spring og ligeså havesæsonen. For husejerne betyder det læssevis af haveaffald, der skal køres på genbrugsstationen, og…

Læs mere »
Nyheder

Du kan stadig nå at forspire til haven – sådan kommer du i gang

I takt med at mange har været hjemsendt i forbindelse med corona har flere og flere danskere kastet sig over…

Læs mere »
Nyheder

Sådan skifter du nemt selv til sommerdæk

Ligesom det ikke er en god idé at køre med sommerdæk om vinteren, er vinterdæk dårlige om sommeren. De varme…

Læs mere »
Nyheder

20 procent flere cyklister i Danmark – sådan bliver du klar til cykelsæsonen

Jernhesten har længe været blandt danskernes foretrukne transportmidler, men aldrig før i så høj grad som nu. Nye tal fra…

Læs mere »
Nyheder

Vi pendler længere: Sådan fikser du bilens småskader efter de lange distancer

Danskerne har fået længere til arbejde, og de mange kilometer på vejene giver bilen flere skader. Mange mindre skader kan…

Læs mere »
Nyheder

Gendyrkning hitter – sådan genbruger du dine grøntsagsrester

Havesæsonen er ovre, men hos mange danskere kribler det allerede i de grønne fingre efter at komme i gang med…

Læs mere »
Livsstil

Mere miljøbevidste gør-det-selv-folk: Hver femte genbruger når de bygger om

Mursten, træværk og gamle skruer. Genbrugsmaterialer hitter som aldrig før, når danskerne kaster sig over gør-det-selv-projekter i hjemmet. En analyse fra…

Læs mere »
Livsstil

Vent ikke til foråret: Efteråret er den bedste plantetid

Modsat manges opfattelse er efteråret faktisk årets bedste plantetid. Træer og buske kan i løbet af efteråret nå at danne…

Læs mere »
Livsstil

Dropper håndværkerne: Flere gør det selv i hjemmet

Et stigende antal danskere dropper håndværkerne og finder selv værktøjet frem, når vægge skal sættes op, og gulv skal lægges.…

Læs mere »
Back to top button
ANNONCE
/* Sticky for a second top ad script*/ ;(function () { var last_known_scroll_position = 0; var ticking = false; var floatingClass = 'js-floating'; var onTop = true; var floaters = []; var raf = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback){ window.setTimeout(callback, 1000 / 60) }; })(); function Floater(element) { this.element = element; this.ghost = null; this.isFloat = false; this.static_pos = null; this.headerHeight = 60; } Floater.prototype.shouldBeStatic = function(scroll_pos) { return scroll_pos < this.static_pos; } Floater.prototype.shouldBeFloating = function() { var boundingRect = this.element.getBoundingClientRect(); return boundingRect.top <= this.headerHeight; } Floater.prototype.switchToFloating = function(scroll_pos) { var boundingRect = this.element.getBoundingClientRect(); this.ghost = createGhost(this.element); this.isFloat = true; this.element.style.top = this.headerHeight + 'px'; this.element.style.width = this.element.offsetWidth + 'px'; this.element.style.zIndex = '10000'; // set orig to be fixed this.element.style.position = 'fixed'; // set orig to be fixed this.ghost.style.width = boundingRect.width + 'px'; this.ghost.style.height = boundingRect.height + 'px'; this.ghost.style.display = 'block'; // set ghost to be visible this.static_pos = scroll_pos; this.element.classList.add(floatingClass); } Floater.prototype.switchToStatic = function(scroll_pos) { this.isFloat = false; this.static_pos = null; this.element.style.width = 'auto'; this.element.style.position = 'static'; // set orig to be fixed this.element.style.width = 'auto'; if (this.ghost) { this.ghost.style.display = 'none'; // set ghost to be visible this.ghost.remove(); } this.element.classList.remove(floatingClass); } function initFloaters() { var elements = []; var leftSticky = document.getElementById('div-gpt-ad-sticky_1'); var rightSticky = document.getElementById('div-gpt-ad-sticky_2'); if (leftSticky) elements.push(leftSticky); if (rightSticky) elements.push(rightSticky); // var elements = Array.prototype.slice.call(document.querySelectorAll('.js-float-on-scroll')); floaters = elements.map(function(element) { return new Floater(element); }) } function createGhost(el) { var parent = el.parentNode; var ghost = document.createElement('div'); ghost.style.display = 'none'; parent.insertBefore(ghost, el); return ghost; } function testFloaters(scroll_pos) { for(var i = 0; i < floaters.length; i++) { var floatData = floaters[i]; if(floatData.isFloat) { floatData.shouldBeStatic(scroll_pos) && floatData.switchToStatic(scroll_pos); } else { floatData.shouldBeFloating() && floatData.switchToFloating(scroll_pos); } } } function throttle(func, limit) { var inThrottle; return function () { var args = arguments; var context = this; if (!inThrottle) { func.apply(context, args); inThrottle = true; setTimeout(function() { inThrottle = false }, limit); } } } function update(scroll_pos) { testFloaters(scroll_pos) } function init() { window.addEventListener('scroll', throttle(function(e) { if (last_known_scroll_position === window.scrollY) return; last_known_scroll_position = window.scrollY; if (!ticking) { raf(function() { update(last_known_scroll_position); ticking = false; }); ticking = true; } }, 25)); initFloaters(); } window.addEventListener('DOMContentLoaded', function (event){ init(); }); }());