Bootstrap Scrolling Navbar animatie lukt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Lead Software Developer Datawarehouse

Bouw jij graag mee aan de nieuwe generatie van het datawarehouse-framework voor de zorg? En kent programmeren in C# geen geheimen voor jou? Dan pas jij perfect in ons team in Amsterdam. We bieden jou de kans om complexe uitdagingen op te lossen en te werken met de nieuwste technieken. Jouw baan Zorgprofessionals nemen belangrijke beslissingen op basis van data uit ons datawarehouse. Om dit mogelijk te maken ontwikkelt onze afdeling een set aan softwareapplicaties die optimaal aansluiten bij ons zorginformatiesysteem (ZIS). Als team lead software binnen de afdeling datawarehouse heb je de dagelijkse leiding over een team van 6

Bekijk vacature »

Gezocht; C# developer, interne baan en eigen produ

Functieomschrijving .NET ontwikkelen in een Scrum team van technisch gelijkgestemden, dat is wat hier voor jou in het verschiet ligt. En ja daar krijg je goed voor betaald, maar vooral krijg je daar ook technisch goed onderlegde collega's voor terug die het mooi vinden om met elkaar technische oplossingen te bedenken en te ontwikkelen. Sparren op niveau dus! Het bedrijf is ruim 30 man sterk maar met je 8 .NET collega's ben je verantwoordelijk voor het goed werken van een intern ontwikkelde applicatie dat door vele bekende merken wordt gebruikt. Meer weten? Reageer dan direct en kom in aanmerking voor

Bekijk vacature »

Fullstack developer / React / Java / CQRS / Zorg

Functieomschrijving Ben jij een Fullstack Developer met ruim 3 jaar ervaring aan zowel de Front-end (React) als aan de Back-end (Java) én lijkt het je leuk om te gaan werken bij een organisatie die rechtmatigheid in de zorg controleert? Wil jij meteen aan de slag met de ontwikkeling van een nieuwe applicatie die de kwaliteit van zorg(verleners) in Nederland inzichtelijk maakt en meedenken over nieuwe innovatieve oplossingen waarbij security hoog in het vaandel staat? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: het ontwerpen en bouwen van diverse applicaties in de zorg (50% Front-end met o.a. React,

Bekijk vacature »

.NET developer / C# / MySQL Database

.NET developer / C# / MySQL Database regio Doetinchem Functieomschrijving Ben jij een .NET ontwikkelaar die aan de slag wil gaan als .NET developer, maar ook veel te maken wil hebben met de klant? Dan ben je bij deze innovatieve, vooruitstrevende en internationaal georiënteerde organisatie in de regio Doetinchem aan het juiste adres. Je krijgt hier de mogenlijkheid om een creatief team versterken. Spreekt dit je aan reageer dan snel op deze volgende stap in jouw carriere! Jouw meest voorkomende werkzaamheden zijn: Het vertalen van wensen vanuit de business naar .NET oplossingen. Dit betekent dat je of bestaande modules gaat

Bekijk vacature »

Junior .NET C# developer gezocht, Dordrecht

Ben je een .NET C# developer die in Dordrecht woont, of in de omgeving hiervan, en op zoek is naar een nieuwe baan? Bij een bedrijf met betrokken collega’s, die elkaar graag helpen, binnen een informele cultuur? En aan een succesvol product wilt werken dat constant verder ontwikkeld wordt? Voor een bedrijf in Dordrecht zijn we op zoek naar verschillende C# developers. Het bedrijf richt zich op de ontwikkeling van software voor een specifieke branche en heeft circa 5000 gebruikers. De organisatie bestaat uit circa 20 mensen waarvan 6 .NET developers, 1 architect en 3 software testers. Het werk bestaat

Bekijk vacature »

ICT Systeemspecialist Netwerk

ICT Systeemspecialist Netwerk Salaris Schaal Schaal 9 Standplaats Kralingen, Rotterdam Fte 1,00 Einddatum (werkenbij) 05-07-2020 Solliciteren Solliciteren Ongekend uitdagend Evides ICT heeft als missie de afdelingen van Evides te helpen in het optimaal bedienen van klanten. Het team Generieke IT houdt zich bezig met beheren van de IT Infrastructuur. Binnen het team Generieke IT is een vacature ontstaan voor ICT Systeemspecialist Netwerk. De inzet van IoT en daarmee dus ook van IoT-netwerken zal de komende tijd toenemen. Het upgraden van het Wi-Fi-netwerk vormt een actuele belangrijke uitdaging. De juiste keuze in de aanleg van breedband-WAN vereist continu aandacht. Daarnaast is

Bekijk vacature »

Consultant voor de Zorg

Wil jij jezelf razendsnel ontwikkelen bij de marktleider in de zorg-ICT? En vind jij het een uitdaging om de zorgprocessen binnen een zorginstelling te verbeteren? Grijp dan deze kans en wordt Consultant voor de Zorg! Voor ons hoofdkantoor zoeken wij een enthousiaste en klantgerichte aanpakker met liefde voor zorg en ICT. Jouw baan Als Consultant voor de Zorg ben jij de onmisbare schakel tussen de zorgprofessionals en onze software ontwikkelaars. De zorgorganisaties die onze software gebruiken en onderhouden, worden door jou begeleid. Je leidt zorgprofessionals op om met onze software te werken, helpt bij implementatietrajecten in het ziekenhuis en ondersteunt

Bekijk vacature »

Senior Mobile Developer vacature

Senior Mobile Developer Op bijna elke mobiele telefoon in Nederland is wel een app te vinden die door Sogeti is ontwikkeld of waar Sogeti aan mee heeft gewerkt. Wil jij meehelpen met het ontwikkelen van mobiele applicaties voor de top van het Nederlandse bedrijfsleven? Als Senior Mobile Developer ben jij verantwoordelijk voor het implementeren en testen van nieuwe features. Je bent medeverantwoordelijk voor de codebase en moet deze code dus ook goed onderhouden. Doordat je thuis bent in het mobiele landschap kun je gemakkelijk sparren met andere ontwikkelaars, designers, analisten en technische leads om zo de producten waar aan je

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 »

PHP Developer

Enthousiaste PHP Developer Voor onze vestiging in Wanneperveen (Ov.) zijn wij op zoek naar een PHP-developer met affiniteit voor back-end development. Wij bieden je een baan met veel afwisseling en verantwoordelijkheid tegen een goed salaris. Behalve voor hard werken is er ook zeker ruimte voor ontspanning. Wie wij zijn ... Unity-X ontwikkelt CRM-systemen, AMS (acquisitiemanagementsystemen), boekingssystemen, websites en andere webapplicaties voor een diverse opdrachtgevers. Het accent ligt op applicaties voor de financiële dienstverlening. Behalve voor bekende namen als ABN AMRO, Payroll Select en Van Lanschot werken wij ook voor verschillende organisaties in het MKB. Unity-X kent een informele werksfeer. We

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »

Back-end PHP Developer / Maatschappelijk betrokken

Functieomschrijving Ben jij een developer die de volgende stap in zijn carrière wilt maken? Wijk jij niet uit voor precisie werk in een open en informele omgeving? Lees dan snel verder en reageer! Her- en uitbouwen van het inhouse softwareplatform dmv PHP; Onderhouden van bovengenoemd platform in PHP; Sparren met het team; Meedenken over nieuwe functionaliteiten, security etc; Jouw input leveren aan het proces door op de hoogte te blijven van nieuwe ontwikkelingen etc. Functie-eisen Afgeronde HBO of WO opleiding, liefst in de richting van Informatica; Je hebt minimaal 3 jaar ervaring als PHP Developer; Je hebt ervaring met object

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Senior .Net developer met interesse in duurzaamhei

Functieomschrijving Binnen jouw rol als backend .Net ontwikkelaar speel je een grote rol in de toekomst van dit bedrijf. Het ontwikkelen van op de markt te brengen nieuwe producten, het up-to-date houden van de bestaande producten en nadenken over nieuwe innovaties zijn kerntaken die bij je functie als Senior C# ontwikkelaar horen. Ook zullen de wat minder ervaren collega's bij je aankloppen als ze technische vragen hebben. Jouw invloed op het team, de software en de organisatie zal dus groot zijn! In het ontwikkelteam zal jij een echte backend developer worden, dit houdt in dat je voornamelijk met C# .Net,

Bekijk vacature »

Network Support Engineer – Haarlem, The Neth

Network Support Engineer – Haarlem, The Netherlands or Barcelona, Spain Bond Technology Management was founded in 2007 and is the leading technical management company for on-board Audio Visual, IT, Communications, Security and Navigation systems for the most advanced super yacht new builds and refit projects. What is the role about? As Network Support Engineer at Bond Technology Management (Bond TM), you will be joining a strong team of IT professionals that support some of world’s most luxurious private yachts and estates. In this role you will provide support to our customers for physical and virtual network infrastructures including WAN, LAN,

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/07/2020 15:33:50
 
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.