Bootstrap Scrolling Navbar animatie lukt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Functioneel Beheerder Exact

Onze opdrachtgever is het Instituut Fysieke Veiligheid (IFV). Het IFV draagt bij aan een veilige samenleving door het versterken van de veiligheidsregio’s en hun partners bij het professionaliseren van hun taken. Zij ontwikkelen en delen relevante kennis, hebben expertise voor het verwerven en beheren van gemeenschappelijk materieel en adviseren de betrokken besturen. Voor de afdeling Informatisering &Automatisering zijn wij namens het IFV verantwoordelijk voor de werving en selectie voor de vacature Functioneel Beheerder Exact. De standplaats is Arnhem. Functie omschrijving Functioneel Beheerder Exact Je komt als functioneel beheerder Exact te werken bij de afdeling I&A van het IFV. De afdeling

Bekijk vacature »

Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 3 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af met

Bekijk vacature »

Back-end Python Developer

BACKEND DEVELOPER PYTHON For an international client near Utrecht I'm currently looking for a Back-end Python Developer that has affinity with Data Science. Do you want to work with the most talented people and at the same time work for a company that is engaged in reducing the environmental impact? Then this could be one of the most challenging opportunities. The Responsibilities As a Back-end Developer in this company, you build something that matters in various product development projects, focusing for example on data processing, data storage, data science or platform billing. Product development projects can be executed both on-site

Bekijk vacature »

Developer / Middleware / veel verantwoordelijkheid

Functieomschrijving Heb jij ervaring met het ontwikkelen van Middleware? Ben je daarbij ook ervaren met het schrijven van code in de integratielaag en wil je van A tot Z meedenken met het proces binnen een bekende organisatie? Neem dan contact met mij op! Het projectmatig ontwikkelen van middleware, dit zal zo'n 70% van je tijd in beslag nemen; Het onderhouden en beheren van de ontwikkelde middleware, dit zal zo'n 30% van je tijd in beslag nemen; Meedenken over verbeteringen voor de integratielaag; Samenwerken met de overige IT teams om de omgeving zo optimaal mogelijk te laten werken; Het opzetten en

Bekijk vacature »

Outsystems Developer/ C#/ .Net/ Oracle Database

Functieomschrijving Wil je werken bij een marktleider op gebied van transactieverwerking? Wil je werken aan het bouwen van een nieuw platform (greenfield) in Outsystems? Wil je jezelf blijven ontwikkelen en gebruik maken van legio opleidingsmogelijkheden? Dan is dit de ideale functie voor jou. Reageer snel! Ontwikkelen en bouwen van een nieuw Outsystems platform (greenfield); Bouwen van apps, portalen, webapplicaties, API's en businessapplicaties; Plegen van overleg met de business aangaande de diensten en producten; Achterhalen van requirements bij de business. Functie-eisen HBO werk en denkniveau; Minimaal 2 jaar ervaring met Outsystems; Kennis van en ervaring met .Net, JSON, HTML; Kennis van

Bekijk vacature »

Senior .NET developer gezocht die graag in de zorg

Functieomschrijving Wil jij als .NET Developer als kartrekker in een Scrum team fungeren en je helemaal uitleven in de backend met C#? Krijg jij een grotere kick van high-security en high-availability dan van een gelikte frontend? Dan past deze functie jou perfect! Programmeren van high-availability en high-security applicaties in ASP.NET en C#; Samen met je teamgenoten nieuwe applicaties/diensten ontwikkelen in .NET; Overleggen met de informatie analisten en testers; Ontwikkelen van webservices (WCF); 20% van je tijd besteden aan innovatie; Deelnemen aan projecten om nieuwe ketenpartijen toe te voegen; Bouwen van unit testen; Deelnemen aan Scrummeetings. Functie-eisen Beschikt over HBO/WO werk-

Bekijk vacature »

Software Developer C#

Organization Within business line Applications, software groups address the area of complex machine control software. You will be end-to-end responsible for realization of software in C# . This is done using a scrum/Agile way of working. As a Software Developer you will act as fast learning software professional, and contribute to software realization using a disciplined agile/scrum based way of working. You apply software engineering practices such as requirements engineering (user story definition), object oriented analysis and design, implementation in C#, testing, and integration. You are eager to pick up knowledge on semiconductor fab automation and throughput models. Function •

Bekijk vacature »

PERFORMANCE ENGINEERING SPECIALIST / SITE RELIABIL

PERFORMANCE ENGINEERING SPECIALIST / SITE RELIABILITY ENGINEER Heerlen Technology 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. Transform the world around you by unleashing your skills and crafting the next generation of technology. Put your expertise to work as part of the world’s largest independent technology services provider and lead the way as a trendsetter in your field. We’re ready if you are. Your impact As Performance Engineering Specialist you love to make sure your companies or client’s systems perform to the highest possible standard and are dynamic

Bekijk vacature »

Pega Developer

BPM Company is vanwege groei op zoek naar Pega Developers. Wij zijn in 2011 opgericht en gespecialiseerd in Business Process Management. BPM Company is partner van Pegasystems & Mendix en werkt o.a. voor bedrijven als Rabobank, Transavia en De Mandemakers Groep. Als Pega Developer werk je op het snijvlak van techniek en consultancy en ben je bezig met het bouwen en implementeren van software met het BPM platform van Pegasystems. Je hebt een passie voor bedrijfsprocessen, werkt op locatie van de klant en bent tevens “trusted advisor” voor de klant. De eerste 2 maanden staan in het teken van opleiding.

Bekijk vacature »

Fullstack Developer Angular 6 Java Complexe omgevi

Functieomschrijving Ben jij toe aan een nieuwe uitdaging binnen een complexe technische omgeving en wil jij met je ruime kennis van Java bijdragen aan een optimaal wegennet? Dan is dit de vacature voor jou! Ontwikkelen van innovatie applicaties met behulp van Angular 6 & Java; Overleggen en samenwerken met architecten en Product Owners; Werken binnen een multidisciplinair Scrumteam met betrekking tot analyse, design en ontwikkeling; Samenwerken en ondersteunen van testers in het proces van automatische regressietesten. Functie-eisen Afgeronde HBO- opleiding (Technische richting is een pre); Minimaal 2 jaar relevante werkervaring als Fullstack Developer; Een passie voor techniek en programmeren; Technologieën,

Bekijk vacature »

Fullstack .NET Webdeveloper gezocht (C#, .NET Core

Functieomschrijving Als Fullstack Webdeveloper zal de focus van jouw werkzaamheden liggen op het bouwen van applicaties met behulp van .NET en Angular. Hierbij zijn de technieken die jij voornamelijk gaat gebruiken C#, ASP.NET, .NET Core en Angular. Als je nog geen ervaring hebt met deze laatste is dat geen probleem; je krijgt hier de ruimte om het te leren. Het is wel belangrijk dat je minimaal vijf jaar C# ervaring hebt en ruime ervaring met ASP.NET en .NET Core. Samenwerken staat binnen deze functie hoog in het vaandel. Je komt te werken aan applicaties die bijvoorbeeld door banken gebruikt worden,

Bekijk vacature »

Senior Python Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: je bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Junior C#.NET Developer, .NET Core, Azure, zeer go

Als Junior C#.NET Developer kom je te werken in het zelfsturende DevOps Azure Cloud team waar alles draait om Microservices, CI/CD, DDD, REST, API's, Azure Cloud, en testautomatisering. Als je het leuk vindt kan je daarnaast ook aan de slag met de ASP.NET MVC Core web frontend. Binnen dit team heb je als junior de unieke kans om veel te leren van ervaren C#.NET Developers. Zoals een goed DevOps team betaamd word je bij alle zaken betrokken binnen het team waardoor je veel zal leren. Eigen initiatief wordt hier beloond. Als je een goed idee hebt dan krijg je daar

Bekijk vacature »

Junior Java Developer / DevOps / Cloud / Financi&e

Functieomschrijving Wil jij graag aan de slag als Java Developer? Heb jij affiniteit met de financiële branche? Wil jij systemen ontwikkelen die een grote impact hebben en binnen de gehele organisatie gebruikt worden? Solliciteer dan nu! Als Developer ben je primair verantwoordelijk voor het ontwerpen, bouwen en testen van software in al zijn facetten: Het designen en developen/ontwikkelen in Java van nieuwe software en nieuwe features op bestaande functionaliteiten; Het reviewen en overzien van de geschreven code; Het continu verbeteren van de richtlijnen en standaarden voor het geleverde werk binnen het team; Het bijdragen aan het verder automatiseren van de

Bekijk vacature »

Cloud Developer IaC Kubernetes

Functieomschrijving Are you an passionate Infra Cloud Developer with experience in AWS, Azure or OpenShift? Do you have relevant work experience with developing API's using Python, Golang or Node.js? Are you experienced with deployments in Kubernetes? Then advance your career in one of the coolest and most challenging financial companies located in the Netherlands! You are a Cloud Engineer that is going to work in an environment where they make use of Infrastructure as a code. You are someone that takes responsibility and always try to pro-actively tackle an issue. You will enter a challenging environment where they work according

Bekijk vacature »
Danny von Gaal

Danny von Gaal

25/01/2016 10:50:29
Quote Anchor link
Ik wil graag dat wanneer je al een tikje naar beneden scrolt dat mijn navbar de helft kleiner wordt. Maar nu wordt mijn navbar kleiner naar mate je naar beneden scrolt. Maar wanneer je helemaal naar boven gaat wordt die wel in een keer groter.

Ik wil dat die ook in een keer kleiner wordt als je naar beneden gaat. Weet iemand hoe?
Ik weet echter niet of dit met mijn CSS of Javascript te maken heeft.

(Let niet op het logo, dat die kleiner wordt moet ik er na nog doen).

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
/* Media Queries */
@media(min-width:767px) {
    .top-nav-collapse {
        height: 50px;
    }
}


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
//jQuery to collapse the navbar on scroll
$(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $(".navbar-fixed-top").addClass("top-nav-collapse");
    } else {
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
    }
});


Voorbeeld hier
Gewijzigd op 25/01/2016 10:50:52 door Danny von Gaal
 
PHP hulp

PHP hulp

07/12/2019 08:33:24
 
Eschwin Moerkerken

Eschwin Moerkerken

25/01/2016 11:29:25
Quote Anchor link
Dat hij in 1 keer kleiner wordt heeft te maken met dat je een transition op je navigatie hebt staan. Zet deze transition op transition:0; dit zorgt ervoor dat je de animatie niet meer ziet. Verder ziet je javascript er goed uit zo snel als dat ik even heb gekeken.
 
Danny von Gaal

Danny von Gaal

25/01/2016 11:52:57
Quote Anchor link
Bedankt, bij een keer scrollen is mijn navbar nu inderdaad direct klein.
Alleen dan mis ik helaas wel die mooie animatie. Ik vind het wel mooi als je hem gefasseerd kleiner ziet worden.
 
Eschwin Moerkerken

Eschwin Moerkerken

25/01/2016 11:57:38
Quote Anchor link
Sorry, ik dacht dat je bedoelde dat je dat juist niet wilde zien. Dan zit het hem in je javascript.

In je javascript heb je staan

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
if ($(".navbar").offset().top > 50)


Verander dat eens naar

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
if ($(".navbar").offset().top >= 1)
Gewijzigd op 25/01/2016 11:57:46 door Eschwin Moerkerken
 
Danny von Gaal

Danny von Gaal

25/01/2016 12:03:34
Quote Anchor link
Ik heb het gedaan.
Maar het werkt niet en met terug gaan wordt mijn navbar ook niet meer groter.
Gewijzigd op 25/01/2016 14:14:57 door Danny von Gaal
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.