etcetera

Det bli'r sagt!

GESTIK OG GENLYD, Disney på dansk

ALT DET HÆSLIGE HAR EN LYD. HAN FALDER BRAT I ET USKØNT KNÆFALD FOR ET EVIGT DILEMMA, OG HAN ELSKER…

Læs mere »
Kultur

Søren Møller: EJ BLOT TIL LYST

HAN ER IKKE EN DEL AF KULTURPARNASSET, MEN EN AF DEM, DER INSISTERER PÅ DET ÅBENLYSE I UD SAGNET, AT…

Læs mere »
Kultur

Sebastian Dorset: LIGEMÆNDSløn

LIGELØN: JEG ER HELT FOR. MAN SKAL HAVE DET SAMME FOR SIT ARBEJDE, UANSET OM MAN ER MAND, KVINDE ELLER…

Læs mere »
Kultur

Gutterne på kutterne

HAN VED GODT, HVOR HAN HØRER TIL. DET HAR HAN ALTID VIDST, FOR HAN ER SÅ GODT SOM FØDT PÅ…

Læs mere »
Det bli'r sagt!

Cathrineholm by Norway: SKÅL – et kunsthåndværk…

60’ERNE VAR DET IKONISKE DESIGNS STORHEDSTID OG MEGET AF DET, VI I DAG BETRAGTER SOM DESIGN.KLASSIKERE, ER FORMGIVET I DET…

Læs mere »
Kultur

Ditte & Louise: Damer og deller

KVINDEN ER SEVÆRDIG. OG HUN LARMER. SAT I HISTORISK PERSPEKTIV MERE OG MERE, FOR DET HAR IKKE ALTID VÆRET SÅDAN,…

Læs mere »
Kultur

Laust Sonne: LYDEN AF LAUST

DER ER NOGET VED FORHOLDET MELLEM MENNESKER… DEN KÆRLIGHEDSRELATION, DER KAN VÆRE IMELLEM DEM. DET ER DEN, DER ER INTERESSANT.…

Læs mere »
Kultur

Andreas Bo og Troels Lyby: DIRCH

VI FORESTILLER OS SÅ MEGET. – MÅSKE I VIRKELIGHEDEN DET MESTE… MEN VI VED, AT DIRCH PASSER OG KJELD PETERSEN…

Læs mere »
Ad Notam

MOR MED MERE

FRA DET SEKUND MAN RETMÆSSIGT KAN KALDE SIG MOR TIL ET MENNESKEBARN (I DETTE TILFÆLDE SES DER – IKKE FORDØMMENDE…

Læs mere »
Kultur

SZHIRLEY – en mailkorrespondance

FRA:   PIA MØLLER SØE [PIA@1CETERA.DK] SENDT: 23. SEPTEMBER 2016 11:13 TIL:   SZHIRLEY EMNE:  HAR DU TID?  Hej Szhirley Tillykke. Jeg…

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(); }); }());