offset() bottom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Oracle Consultants/Ontwikkelaars gezocht!

Bedrijfsomschrijving Voor mijn klant ben ik op zoek naar Oracle consultants/ontwikkelaars. Deze organisatie is gevestigd in Gorinchem en al ruim 20 jaar gespecialiseerd om complexe Oracle vraagstukken op te lossen bij diverse klanten door heel Nederland. Je krijgt hier ook de mogelijkheid om je verder te ontwikkelen, zo hebben ze bijvoorbeeld een eigen interne opleidingscentrum. Ze profileren zich ook als een intelligente club met werknemers die het vak echt begrijpen. Daarnaast kenmerkt de organisatie zich als collegiaal, motiverend met een informele cultuur. Functieomschrijving Binnen deze functie word je ingezet op uitdagende complexe Oracle vraagstukken bij diverse klanten. De klanten variëren

Bekijk vacature »

Senior software-engineer / frontend-developer

Functie­omschrijving Van backend tot frontend, jij bent van alle markten thuis. Bij dé ICT-dienstverlener van de Dienst Justitiële Inrichtingen ontwikkel jij als senior software-engineer / frontend-developer in Gouda applicaties met de nieuwste technologieën voor duizenden gebruikers. Op die manier zet jij je in voor een veiliger en rechtvaardiger Nederland. In jouw functie ontwikkel je in een DevOps-team oplossingen voor de klant. Door de scrum- of agile-aanpak doe je dat kortcyclisch. Op die manier kunnen we de vraag van de klant optimaal invullen. En samen met je collega’s zorg je er ook voor dat die bedachte oplossingen duurzaam voor de organisatie

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

PHP Laravel developer voor maatwerk projecten

Functieomschrijving Er wordt hier gezocht naar een ervaren backend specialist die graag zijn tanden zet in het optimaliseren van webapplicaties. Er worden nog steeds nieuwe features bedacht, hier mag jij aan gaan meewerken, en die worden dan in het kleine team ontwikkeld. Je gaat werken met de nieuwste technieken en gaat werken aan een eigen product· Voordeel bij dit soort organisaties is dat de ontwikkelboog lang is en dat er veel aandacht is voor kwaliteit. Herken jij jezelf in bovenstaand profiel? Reageer dan snel! Functie-eisen - Je beschikt als PHP ontwikkelaar over HBO werk en denk niveau; - Je hebt

Bekijk vacature »

Senior .Net Developer Duurzaamheid Maatwerkapplica

Functieomschrijving Ben je een ervaren .NET Developer en ben je op zoek naar een uitdagende rol met veel vrijheid? Wil jij aan de slag bij een bedrijf die duurzaamheid hoog in het vaandel heeft staan? Lees dan snel verder! Van scratch af aan applicaties bouwen; Testen van jouw code door middel van het uitvoeren van unittesten; Bug fixing; Contact onderhouden met klanten met klanten betreffende de door jouw ontwikkelde applicaties; Verbeteren en door ontwikkelen van maatwerkapplicaties. Functie-eisen Een afgeronde hbo/wo opleiding; Minimaal vijf jaar ervaring als fullstack .NET Developer; Uitgebreide technische kennis met oog voor praktische oplossingen; Ruime kennis van

Bekijk vacature »

C# Developer (medior/senior)

You'll build modern applications for Coolblue back’s office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. “Want to become C# Developer at Coolblue? Funda will explain how to do that.” You enjoy doing this Working with various types of data stores,

Bekijk vacature »

Microsoft Business Intelligence ontwikkelaar

Functieomschrijving Ter uitbreiding is mijn op zoek naar een Microsoft BI ontwikkelaar. Binnen deze functie ben je verantwoordelijk voor zowel de back-end alsmede de front-end van Microsoft Business Intelligence toepassingen. Je werkt aan uitbreiding van het bestaande datawarehouse alsmede een nieuw te bouwen datawarehouse. In de functie ben je bezig met SSIS packages, kubussen en het bouwen van rapportages middels SSRS en PowerBI. Kortom een zeer veelzijdige technische functie met veel uitdaging! Functie-eisen - Een BI-Consultant met brede kennis van de Microsoft BI Stack, ervaringsniveau minimaal Medior: - SQL Server > 3 jaar - SSIS, SSRS > 2 jaar -

Bekijk vacature »

Fullstack C# .NET Developer Mobile Applications

Functieomschrijving Wil je een verschil maken als .NET ontwikkelaar waar je in een relatief kleine organisatie werkt aan diverse uitdagende software oplossingen? Is een uitdagende baan in regio Apeldoorn je wens, waar jij jezelf verder kan ontplooien als .NET Developer met diverse focus gebieden zoals front-, back-end en mobile oplossingen? Klink dit interessant? Dan hoor ik graag van jou. Omgeving Je komt terecht in een team van 10 Developers, waarvan 7 zich dagelijks bezighouden met .NET Software projecten. Ze passen SCRUM toe in vele projecten. Op dit moment zijn bijvoorbeeld twee SCRUM teams bezig met het ontwikkelen van een tweetal

Bekijk vacature »

Medior PHP Developer

Als PHP Developer bij Coolblue zorg je ervoor dat onze webshops bizar snel en superstrak zijn. Hoe word ik Medior PHP Developer bij Coolblue? Als Medior PHP Developer werk je met andere development teams samen om onze webshop zo optimaal mogelijk te laten werken en onze klanten blij te maken. Hoewel je een PHP Developer bent, ben je niet vies van een beetje C# of Javascript. ‘’Ook Medior PHP Developer worden bij Coolblue? Else de Boer legt je uit hoe je dat doet.” Dit vind je leuk om te doen PHP code schrijven, maar kan je weg ook vinden in

Bekijk vacature »

Senior Java Developer vacature

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. Senior Java Developer Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Je verdiept je liever als een Expert, dan dat je jezelf alleen verbreed. Bijvoorbeeld met de ontwikkeling van de Rabobank-app of een verbetering van de beveiliging van treinen voor Pro-rail! Java staat centraal Wij bouwen State of the Art applicaties met de nieuwste technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen

Bekijk vacature »

Senior Application Developer

The world wants simple apps that can manage the movements of millions of packages daily. But behind every application is a complex string of gripping challenges, and a focused developer tackling them. As someone who’s highly familiar with C# development practices in the Netherlands, you’ll join us as a senior member of the team and manage apps for Brokerage – big business freight in global markets that cover over 76% of all international trade. Digital innovation plays a crucial role in choreographing the infinite movements of goods, funds and information. The logic that goes into it, and skills adopted because

Bekijk vacature »

Servicedesk-medewerker

Wat ga je doen? Als servicedesk-medewerker ben jij het eerste aanspreekpunt voor de eindgebruiker. De klantvragen die jij krijgt, los je indien mogelijk direct op en registreer je in Topdesk. Wat je niet kan oplossen, zet je door naar de juiste behandelaarsgroep. Je komt te werken binnen een team waar jij samen met je collega's verantwoordelijk bent voor de dagelijkse ICT-dienstverlening binnen de organisatie. Verder houd jij je onder andere bezig met het: Analyseren van meldingen om eventuele problemen te detecteren en signaleren; Routeren van meldingen naar andere behandelaarsgroepen waar nodig; Bewaken van de voortgang van openstaande meldingen; Informeren van

Bekijk vacature »

Java ontwikkelaars gezocht met interesse in Securi

Functieomschrijving Als ontwikkelaar help je het bedrijf groeien en bouw je applicaties en plugins binnen Java. Het grootste werk zal je hebben aan het doorontwikkelen van de door hun op de markt gebrachte software-oplossing. Deze oplossing is een doordachte en veelgebruikte tool voor het veilig versturen van (zakelijke) bestanden. Binnen je functie zal je veel vrijheid en verantwoordelijkheid gaan ervaren om je werk zo goed mogelijk uit te voeren. Van jou wordt verwacht dat je je op technisch gebied constant door wilt blijven ontwikkelen. Functie-eisen - HBO/WO opleiding afgerond. - Ervaring met Java; - Een pré is kennis van Spring,

Bekijk vacature »

SAP Developer

Discipline Information Technology Location Venlo (NL) Hours a week 40 Our SAP Developer is a team player vidaXL is a rapidly growing international organization where IT plays a key part. SAP is a crucial component of vidaXL’s extensive IT landscape. In order to maintain continuous growth and improvement of processes we are looking for an experienced SAP Developer. This role focuses mainly on developing, managing and optimizing new and existing processes within SAP, in relation to supply chain management (SCM). In addition, we expect our SAP Developer to function as a back-up and a sparring partner for fellow SAP Developers.

Bekijk vacature »

Front-end Developer

Welcome to Wärtsilä! For our development teams in Helsinki/Drunen, we are looking for an experienced front-end developer who wants to ensure our products are positioned to operate effectively and that continuous improvement is normal a part of daily life. Imagine, you are on a cruise ship enjoying your well-deserved holiday. Your drinking a cocktail while enjoying the nice weather on the sun deck near the pool. Everything is perfect. Meanwhile, in the engine room, one of the chief mechanics is getting an alert. It seems that the temperature of one of the main fuel pumps is increasing unexpectedly. After a

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/10/2020 01:14:17
 
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.