offset() bottom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Sitecore Developer/ .Net Developer/ Web developmen

Functieomschrijving Ben jij een developer die graag werkt aan een cruciaal platform? Schroom jij het niet om jouw brede skillset in te zetten om verbeterslagen aan te dragen en uit te voeren? Lees dan snel verder! Bouwen van nieuwe functionaliteiten (40%) Door ontwikkelen van het complexe consumenten platform (25%) Bugfixing (20%) Testen van (jouw) code, handmatig-, unit-, integratie- en browser tests (15%) Functie-eisen Minimaal een MBO-diploma met HBO werk- en denk niveau; Minimaal 3 a 5 ervaring als .NET developer; Ervaring met C# en ASP.NET ; Ervaring met webapplicaties; Ervaring binnen een SCRUM/Agile omgeving; Inzicht in Front-end technieken en hoe

Bekijk vacature »

PHP developer gezocht - onderzoek applicatie

Functieomschrijving Je gaat verder ontwikkelen aan de bestaande applicatie en hier nieuwe functionaliteiten op bedenken. Omdat jij verantwoordelijk bent voor de applicatie krijg je hierin ook veel vrijheid. De collega's zijn jonge mensen in de leeftijd van 20 tot ongeveer 40 jaar en er heerst een hele ongedwongen sfeer in het bedrijf. Je mag straks 2 dagen remote vanuit huis werken als je dat zou willen. In overleg is er veel mogelijk bij dit bedrijf. We zoeken iemand met bij voorkeur 2 a 3 jaar ervaring op medior niveau. Heb jij zin om bij een leuk bedrijf verder te ontwikkelen

Bekijk vacature »

Java Developer / Java EE frameworks / Inhouse (Clo

Functieomschrijving Ben jij een Java Developer met een zeer uitgebreide kennis van REST API's en wil jij graag werken aan uitdagende Inhouse projecten voor grote en bekende partijen in Nederland? Dan is dit de rol waarnaar jij op zoek bent! Binnen deze rol zal jij je als Java Developer aan de slag gaan voor een van de meest bekende bureaus op het gebied online platformen, een rol met veel afwisseling en voldoende technische uitdaging! Werken aan diverse en uiteenlopende projecten, waarbij je meer dan eens pionierswerk zal moeten verrichten; De mogelijkheden tot het toepassen van nieuwe technieken bespreken, beoordelen en

Bekijk vacature »

Java Developer / DevOps Engineer/ IT Security / Az

Functieomschrijving Do you have experience as a (Java) Software Developer? Do you want to develop the best and most secure features? Do you have experience in working in a security environment with a public cloud? Then this is the job for you! Because the department is in the middle of their transition to the DevOps way or working, the focus in the beginning will be more development focused. This will shift more to the combination of development, testing, and run activities in the near future. In addition, the cloud migration will be part of your work as well. The exact

Bekijk vacature »

.NET developer / C# / Azure / Zorg

Functieomschrijving Ben jij een .NET Developer met minimaal 2-3 jaar ervaring en ben je toe aan de volgende stap in je carrière? Wil jij werken op het hoogste niveau en aan de slag gaan bij de .NET ontwikkel organisatie van Brabant? Dan is deze functie perfect voor jou! Programmeren van high-availability en high-security applicaties in 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. Functie-eisen Beschikt over HBO/WO

Bekijk vacature »

Java Developer bij Profit4Cloud

Voor na je vakantie: De 50 collega's bij Profit4Cloud hebben het druk en daarom zoeken wij extra Java Developers Medior/Senior. Voor projecten in de sectoren Banking & Finance, Industrie, Overheden, Zorg en Retail in West-, Midden- en Oost-Nederland. Wil jij ook het verschil maken in Java 8 en waar mogelijk ook AWS Cloud technologie gebruiken? Dan moeten we zeker eens een kop koffie drinken! Wij bieden jou als Java Developer: Profit4Cloud heeft hele goede arbeidsvoorwaarden. Zo doen wij altijd een op maat gemaakte aanbieding en bieden wij in ieder geval: - OCA & OCP certificering betaald door Profit4Cloud - Onbeperkt

Bekijk vacature »

Backend .NET developer gezocht

Functieomschrijving In deze functie word je verantwoordelijk voor zowel nieuwbouw als onderhoud van applicaties, die inzicht geven in documentstromen en workflows. Je komt in een gedreven technisch team te werken waar veel kennis aanwezig is. Je collega’s zijn echte tech lovers die ook bij de koffiemachine graag nog over de laatste snufjes praten en ook een voorliefde hebben voor gadgets. Ter ondersteuning van je werkzaamheden word je gefaciliteerd met opleidingen en certificeringen, de beloning is boven marktconform en er heerst een informele werksfeer. Functie-eisen - Je hebt HBO werk en denk niveau - Je hebt ervaring met C#.NET - Je

Bekijk vacature »

Fullstack PHP developer voor gerenommeerde organis

Functieomschrijving Voor de functie is het belangrijk dat jij goede kennis hebt van PHP en Laravel/Symfony en JavaScript. Ze zoeken dus iemand die al 5 jaar werkervaring heeft als developer. Je zult hier zowel op de Front- als Backend werkzaam zijn en samen met je collega's ben je verantwoordelijk voor de software. Wil jij jezelf verder uitdagen in een klein en sterk team? Dan ligt hier de kans om deze stap te zetten! Functie-eisen - Je hebt minimaal 5 jaar werkervaring als PHP developer; - Javascript, PHP en MySQL kennen geen geheimen voor jou; - Je hebt kennis van meerdere

Bekijk vacature »

Xamarin developer gezocht, centrum Rotterdam

Ben je Xamarin developer en op zoek naar een nieuwe baan? Bij een slagvaardig en hard groeiend bedrijf met korte lijnen? In een omgeving waar je onder andere direct samen met de oprichter werkt aan het verder ontwikkelen van een vernieuwend product? Dan is deze vacature zeker iets voor jou. Voor een bedrijf in het centrum van Rotterdam (goed te bereiken met de trein) zijn we momenteel op zoek naar een Xamarin developer. Het gaat om een klein bedrijf dat op een punt is beland waar de vraag naar hun software flink toegenomen is. Hierdoor zijn ze op zoek naar

Bekijk vacature »

Java Custom Software Developer

Jouw rol Als Java developer houd jij van uitdagende maatwerk oplossingen. Het liefste bouw je aan aan complexe en grootschalige oplossingen. Laatst zag je bijvoorbeeld nog een slimme oplossing voorbij komen die je graag zou willen uitwerken. Moet je daarvoor nieuwe technologie leren kennen, dan school jij jezelf bij. Soms moet je je collega's en de klant overtuigen om jouw idee te omarmen. Als jij dan het door jou aangebrachte idee ziet draaien dan kijk jij er alweer naar uit om de volgende oplossing te bouwen. Plaats in de organisatie Binnen onze Custom Software Development practice (CSD) werken we gezamenlijk

Bekijk vacature »

Vacature Front-end Developer

Vacature Front-end Developer Van Ons, Amsterdam Vacature Front-end Developer ES6 kent geen geheimen voor je. Je voegt nog even een extra animatie toe om de website nóg vetter te maken. Korte laadtijden en goede UX zijn heilig. En je neemt geen genoegen met sites die niet geoptimaliseerd zijn voor mobiel. Samen met je gedreven, gezellige en knetterslimme collega’s werk je vanuit ons kantoor in Amsterdam aan de vetste cases voor de mooiste merken. Jouw focus ligt op front-end en je bent dus een belangrijke schakel in de projecten die we afleveren voor onze klanten. Jouw werk gaat de wereld over

Bekijk vacature »

Medior Front-end Developer

Front-end Developer bij Capgemini Bij Capgemini DCX bouwen we niet zomaar webapplicaties en mobiele apps waar onze opdrachtgevers en hun klanten mee overweg kunnen. Nee, we ontwikkelen applicaties voor miljoenen gebruikers en dan ook nog apps waar men écht gelukkig van wordt. Van de medewerkers in de organisatie zelf tot aan de eindgebruikers. En als Front-end Developer ben jij hierbij onmisbaar! De rol Van het bouwen van nieuwe functionaliteiten, het behouden, bewaken en verbeteren van de huidige infrastructuur en applicaties tot aan het ontwikkelen van nieuwe innovaties. Als Front-end Developer ben je de (lead) developer binnen jouw scrumteam en werk

Bekijk vacature »

Senior Frontend ontwikkelaar met een Data voor pas

Functieomschrijving Je bent een van de belangrijkere spelers in de organisate en je houdt je bezig met het volledige software development department. Je bent samen met je team verantwoordelijk voor de vele software die aangeboden wordt. Wat het werk leuk maakt is dat geen dag hetzelfde is: je werkt intensief samen met alle stakeholders in de organisatie en met name de CTO en Manager Products. De perfecte kandidaat heeft een aantal jaren ervaring als Frontend ontwikkelaar en weet te werken met JavaScript, NodeJS, React, Vue, HTML, CSS etc. Je bent bezig met architectuur, nieuwbouw, bouwt daarnaast ook databases en gaat

Bekijk vacature »

.Net custom software developer

Jouw uitdaging als .Net developer Als .Net custom software developer creëer je maatwerkoplossingen. Denk aan een mobiele applicatie voor het stroomlijnen van logistieke processen, een platform voor een uitkeringsorganisatie of de passagiersbeleving van een vliegtuigmaatschappij. Hierbij gaat het vaak om complexe omgevingen met veel gebruikers, waarbij de lat dus hoog ligt. Wat jouw werkzaamheden zoal zijn? Je werkt mee aan het gehele ontwikkelproces, van ontwerp, design en ontwikkeling tot testen en beheren van Microsoft applicaties en PoC’s. Je gaat werken met o.a. de volgende technologie: Azure, C#, .Net core, Angular, React, Vue en soms AWS. Je neemt deel aan meetings

Bekijk vacature »

Full Stack Java Developer / Maven / Spring /Amster

Functieomschrijving Ben jij een Full Stack Java Developer die in het mooie Amsterdam wil werken, voor een bedrijf dat verantwoordelijk is voor verschillende soorten data en applicaties? Solliciteer dan nu! Ontwikkelen, uitbouwen en verbeteren van applicaties in Java 8; Sparren met de business en jouw SCRUM team aangaande functionaliteiten. Functie-eisen Je bent in het bezit van minimaal een MBO-diploma met HBO werk- en denk niveau; Je hebt ervaring met Java (8); Je hebt ervaring met Maven; Je hebt ervaring met Spring Framework; Je hebt bent bekent met Azure (PaaS/IaaS); Je hebt ervaring met JFS, Angular; Je hebt kennis van Messaging

Bekijk vacature »
Bryan De Baar

Bryan De Baar

02/06/2015 21:52:16
Quote Anchor link
Hallo,

Enige tijd probeer ik met jquery de onderkant van een element te regsteren voor een functie.
Ik zie dat het tegenovergestelde van .offset().top niet werkt '.offset().bottom'
Is er een andere manier of tooltje waarmee dit wel kan ?

Gr. Bryan
 
PHP hulp

PHP hulp

20/01/2020 02:28:01
 
Marthijn Buijs

Marthijn Buijs

02/06/2015 21:56:06
Quote Anchor link
Een wilde gok, document height - offset top ??
 
Bryan De Baar

Bryan De Baar

02/06/2015 22:05:26
Quote Anchor link
Dan pak hij toch de bovenkant van het element/div, ik moet de onderkant hebben :)
Waarom k dit vraag is: Het element/div is de ene keer 100px en de andere keer bijvoorbeeld 900px.
Om het moment dat een gebruiker scrollt en de onderkant is bereikt moet jquery een functie uitvoeren.
(Het gaat niet om het document maar om een losse div)
 
Thomas van den Heuvel

Thomas van den Heuvel

02/06/2015 22:25:33
Quote Anchor link
EDIT: ah, vraag verkeerd gelezen, misschien zoiets?
Wat probeer je uiteindelijk te bereiken?

EDIT: hetzelfde principe zou je verder kunnen toepassen?
.offset = relatieve positie van element

Als scrollTop + windowHeight voorbij offset + hoogte div is heb je de onderkant van die div bereikt?

---

windowHeight = hoogte van browser viewport
documentHeight = hoogte van HTML document

Je hebt de bodem bereikt als:
windowHeight + scrollTop == documentHeight

Voorbeeld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<style type="text/css">
body        { position: relative; }
div#info    { position: fixed; bottom: 0; right: 0; display: block; height: 50px; width: 200px; border: 1px solid #ff0000; }
</style>
</head>

<body>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="info"></div>
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
    $(window).scroll(function() {
        var windowHeight = $(window).height();
        var documentHeight = $(document).height();
        var scrollTop = $(window).scrollTop();
        $('#info').html('scrolling '+(windowHeight+scrollTop)+'/'+documentHeight);
        if (windowHeight + scrollTop == documentHeight) {
            alert('WAFFLES');
        }
    })
});
//]]>
</script>
</body>
</html>

Ik las ergens dat het vermelden van de <!DOCTYPE> belangrijk is, anders gaan berekeningen mis.
Gewijzigd op 02/06/2015 22:58:24 door Thomas van den Heuvel
 
Bryan De Baar

Bryan De Baar

03/06/2015 00:21:24
Quote Anchor link
Hallo Thomas,

Ik heb even een fiddle aangemaakt om het wat duidelijker uit te leggen.
Fiddle

De gele div (content) is hier 1500px, deze kan veranderen qua hoogte.(ligt eraan hoeveel inhoud)
Als je gaat scrollen dan komt er een moment dat de div content ophoud.
Wat ik wil is dat jquery iets uitvoerd als je bent het scrollen en bij de bodem komt van deze div.

Jquery moet dan bijvoorbeeld de class fixed verwijderen.
 
Jacco Engel

Jacco Engel

03/06/2015 11:56:33
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
    //Als het document klaar is
    $(document).ready(function(){
        //Als het document gescrolled word
        $(document).scroll(function(){
            //Refferentie naar je content element
            var content = $(".content");
            //Offsets opvragen van je content element
            var contentOffset = content.offset();
            //Uitrekenen wat je target is. Dit is je offset top + je height
            //Je wil namelijk de onderkant van je element
            var target = contentOffset.top + $(content).height()
            //Scrolltop geeft je de X van de bovenkant van je pagina
            //Je wil de funtie uitvoeren als de onderkant in beeld is, je window hoogte moet er bij
            //Zodra hij bij de target is doe iets
            if(($(document).scrollTop() + $(window).height()) >= target) {
                //Wat je wil doen als je bij de target bent
                console.log("bottom of the div")
            }
        })
    })
</script>


Even snel voor je in elkaar gezet (met behulp van jQuery)

Volgens mij zou dit aardig moeten doen wat jij wil. Mocht er nog iets onduidelijk zijn nadat je de comments heb gelezen, vraag het dan gewoon :)

Jacco
 
Thomas van den Heuvel

Thomas van den Heuvel

03/06/2015 13:04:06
Quote Anchor link
Zie mijn edit hierboven, Jacco doet hetzelfde:
Quote:
Als scrollTop + windowHeight voorbij offset + hoogte div is heb je de onderkant van die div bereikt?

Zal getest moeten worden maar het wordt al waarschijnlijker dat dit werkt :].
 
Bryan De Baar

Bryan De Baar

04/06/2015 13:14:06
Quote Anchor link
Heb het verwerkt in mijn fiddle :).

Dit is inderdaad wat ik bedoel. Bedankt voor de uitgebreide uitleg Jacco en Thomas!
 



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.