offset() bottom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Productmanager Identity Access Management

Ben jij de enthousiaste en professionele Productmanager die gericht is op samenwerking en die vernieuwing omarmt? De KB zoekt een nieuwe collega met kennis van en ervaring met authenticatiesystemen en complexe databases en met interesse in het producteigenaarschap van IT-systemen/platforms. Wat ga je bij ons doen? Als Productmanager Identity Access Management ben je de verbindende factor tussen business-afdelingen en IT. Je zorgt voor de gehele product-lifecycle van het authenticatie- en klantplatform, van vernieuwing en doorontwikkeling tot afbouw en uitfasering. Je bent functioneel en technisch verantwoordelijk voor de continuïteit, kwaliteit en actualiteit van het platform. Je stemt regelmatig af met de

Bekijk vacature »

Junior/Medior C# Developer (.NET Core, Azure, LINQ

Functieomschrijving Samen met je collega-developers ga je aan de slag met het onderhoud van bestaande applicaties, maar ook met nieuwbouwprojecten. Dit doe je altijd met de nieuwste technieken. Innovatie is ontzettend belangrijk in de branche waarin jullie ontwikkelen, dus nieuwe technieken moeten altijd snel geïntegreerd worden. Momenteel wordt er bijvoorbeeld veel gewerkt met .NET Core, Azure, C#, LINQ, Angular en Xamarin. Beheers je niet al deze technieken? Geen probleem, je gaat het hier leren. Het belangrijkste is dat jij een gemotiveerde en getalenteerde C# Developer bent, want dat is de basis. Verder wil het ook nog wel eens voorkomen dat

Bekijk vacature »

Ruime ervaring binnen PHP gezocht (Laravel/Symfony

Functieomschrijving In de functie vna PHP developer werk je in team van UX-designers, Front- en Back-end developers. Je werkt binnen PHP met Laravel, Symfony, Silex en Git. Het kan ook zo zijn dat je met de klant schakelt om dingen te bespreken. De omgeving waar je in terecht komt is een jong en fris team waar je ook veel van elkaar kan leren. De sfeer in het team wordt als zeer prettig ervaren waardoor je je gelijk thuis voelt! Functie-eisen - Je beschikt over HBO/ WO werk en denk niveau; - Je hebt goede ervaring met PHP (meer dan 5

Bekijk vacature »

Java Developer met een kijk op gezondheid

Functieomschrijving In de functie ga je ontwikkelen binnen een complexe online omgeving. We zoeken daarom iemand die kennis en ervaring heeft met: - Programmeren in Java, waarbij je gebruikt maakt van onder andere Wicket, JSP, Spring, Servlets, SQL, Hibernate, Maven, Junit, HTML, JS, CSS - Werken binnen een Agile/Scrum-team - Adviseren van de Business - Certificering op het gebied van java-ontwikkeling is een pre (SCJP/OCJA/OCJP) Functie-eisen - HBO/WO opleiding (IT gerelateerd); - Je hebt minimaal 3 jaar relevante werkervaring; - Je hebt kennis en ervaring met Java, J2EE, Spring, Hibernate, XML; - Je hebt kennis van technieken en methoden als

Bekijk vacature »

OutSystems developer / nieuwe applicaties/ bestaan

Functieomschrijving Wil jij in de regio Bussum aan de slag als OutSystems Developer? En wil jij betrokken zijn bij de ontwikkeling van nieuwe applicaties en het herbouwen van bestaande systemen? Reageer dan nu voor meer informatie! Ontwikkelen van nieuwe applicaties; Herbouwen van bestaande systemen met behulp van OutSystems; Deelnemen aan driewekelijkse sprints binnen een Scrumteam; In gesprek gaan met de business om processen in kaart te brengen; Verantwoordelijkheid nemen voor je eigen ontwikkeling. Functie-eisen Hbo werk- en denkniveau; Werkervaring met technieken zoals OutSystems en/of Mendix; Ruime ervaring met het werken binnen een Scrum/Agile werkomgeving; Communicatief vaardig en goed in het

Bekijk vacature »

C# developer gezocht, inhouse functie (C#, Winform

Je bent C# developer en op zoek naar een nieuwe baan? Het liefst in de regio Rotterdam? Binnen een sterk bedrijf dat zich al een aantal decennia heeft bewezen? En bij voorkeur een bedrijf met een platte organisatie, directe lijnen en informele sfeer? Mogelijk dat deze baan dan iets voor jou is. Voor een Rotterdams software bedrijf ben ik namelijk op zoek naar een medior of senior C# developer. Het bedrijf richt zich op automatiseringssoftware voor met name het MKB. Hiervoor hebben ze een standaardproduct ontwikkeld dat continu doorontwikkeld wordt en inmiddels duizenden gebruikers kent over tientallen branches. Door zich

Bekijk vacature »

Tijdelijk: K2 programmeur

Functieomschrijving Heb jij ervaring als K2 programmeur? Ben je momenteel voor een half jaar beschikbaar en kijk je uit naar een opdracht met een groot maatschappelijk aspect? Neem dan contact met mij op! Het automatiseren van de workflows door middel van K2; Het inrichten van het nieuwe platform; Het maken van de juiste koppelingen met onderliggende systemen, waaronder Sharepoint; Het inrichten van de OTAP straat. Functie-eisen Je hebt ervaring met het programmeren in K2; Je bent communicatief vaardig en een echte aanpakker; Je gaat bewust om grote datastromen. Nederland Leiden Bedrijfsomschrijving Voor een organisatie in de regio Leiden met een

Bekijk vacature »

Ervaren C# developer, nieuwbouw, .NET Core, Azure,

Ben je op zoek naar een jong bedrijf dat in het beginstadium staat van een te ontwikkelen product? Maar wel al een stabiele klantenbasis heeft? Waar je als backend developer of fullstack developer (net waar je voorkeur ligt) kunt werken aan onder meer microservices en het inrichten van een Azure omgeving? Voor een spin-off van een bestaand bedrijf zijn we op zoek naar een ervaren .NET developer. Het gaat dus om een start-up maar wel al met een bestaande klantenbasis. Met een nieuw team van circa 6 mensen (waarvan 3 .NET developers) willen ze een cloudplatform ontwikkelen waarmee klanten (productiebedrijven)

Bekijk vacature »

C# Developer

De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Samen met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Je hebt behoefte aan collegae die jou alles leren op het gebied van technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt geen zin in een 60-urige werkweek maar haalt wel plezier uit zo nu en dan een technische meeting,

Bekijk vacature »

PHP developer

Functieomschrijving Als senior PHP ontwikkelaar ga je aan de slag met een zeer variërend aanbod aan werk. Er zijn diverse grote en kleine ontwikkeltrajecten die worden aangegaan en je wordt verantwoordelijk voor het hele traject. Van ontwerp tot bouw en oplevering. Ook het support kan worden verzorgd en in dat geval wordt dat overgedragen naar je collega’s van de support afdeling. Projecten lopen uiteen van websites tot webshops, CMS en koppelingen naar applicaties van derden en of betaalsystemen et cetera. Geen garantie dat geen dag hetzelfde is, maar variërend is het zeker wel! Je krijgt veel vrijheid en zelfstandigheid in

Bekijk vacature »

SAP Solution Integrity Analyst (Operations) TCC

Cargill Position Purpose & Summary The Solution Integrity Analyst is a member of the Center-Led SAP Applications team, supporting the TCC instance of the SAP portfolio and will be working in a highly dynamic, fast changing, and fluid work environment. This position will work closely with other Global IT teams in a collaborative, cross-functional environment, to ensure SAP technology-enabled solutions and services meet the needs of the organization, with a focus on maintaining and protecting the instance blueprint in the area of responsibility by the means of understanding and dispositioning all identified Solution gaps providing solution direction for approved Solution

Bekijk vacature »

PHP developer

Heb jij uitgebreide kennis van PHP, Linux en front-end? En hou je van een dynamische omgeving, waarin jouw baan er toe doet, jouw ideeën worden gehoord en waar je werkelijk het verschil kan maken voor jouw collega’s en het bedrijf? Zo ja, dan zijn wij op zoek naar jou in de positie van: PHP developer voor onze locatie in Veghel Over de positie: Als PHP programmeur bouw je aan diverse webbased applicaties in nauwe samenwerking met collega’s van IT, E-commerce en externe partners. Jouw taken omvatten, maar zijn niet gelimiteerd tot: gave internationale (web) applicaties bedenken, ontwerpen, maken en implementeren;

Bekijk vacature »

(Junior) C/C++ Programmeur

Digikeijs! Digikeijs is ontstaan uit een decennialange ervaring in de elektronica assemblage branche. Begin 2005 waren vader en zoon druk met het ontwerpen, bouwen en digitaliseren van een eigen modelspoorbaan. Na het aanschaffen van een aantal LEDstrips was de verbazing groot. Dat moet toch veel goedkoper en kleiner kunnen? Met de ervaring van geavanceerde SMDtechnieken is toen al snel een eerste ontwerp ontwikkeld en aangeboden aan een aantal, voor ons toen bekende, modelspoorwinkels. Het enthousiasme was groot! Daarop is besloten de LED-strips commercieel te ontwikkelen. In de jaren daarop is een aantal unieke producten ontwikkeld. Zoals de welbekende lichtsetjes, schakeldecoders,

Bekijk vacature »

Progress Developer / Internationale markt

Functieomschrijving Wil jij als Progress Developer werken in een toonaangevende organisatie werken met de ambitie om de (inter-)nationale markt te bewerken? Reageer dan nu! Uitvoeren van analyses ter bevordering van de betrouwbaarheid en performance van de Progress applicatie; Implementeren van functionaliteiten in eigen Back Office pakket; Meedenken over de architectuur en tevens waarborgen van de architectuur; Programmeren van functionele en technische wijzigingen; Bijwerken van documentatie; Troubleshooten van complexe incidenten; Aanroepen van webservices, message handling; Functie-eisen Hbo werk- en denkniveau, bij voorkeur aangetoond met een diploma; Ervaring in software ontwikkeling met Progress / OpenEdge; Zeer sterk analytisch vermogen; Je bent communicatief

Bekijk vacature »

ASP.NET Developer Transformatie 35+ vrije dagen

Functieomschrijving Ben jij een ASP.NET Developer en wil jij meer doen dan alleen developen? Ben jij ondernemend ingesteld en denk jij graag mee aan de visie en strategie van een organisatie? Dan is deze baan wat voor jou! Meedenken in de visie en strategie van de organisatie; Concepten ontwikkelen en deze uitdragen binnen de organisatie; Applicaties optimaliseren in ASP.NET; Innovatieve software ontwikkelen met onder andere AngularJS; Functie-eisen HBO werk- en denkniveau; 1 tot 4 jaar ervaring met bijvoorbeeld: ASP.NET, .NET of Java; 1 tot 4 jaar ervaring met: AngularJS of andere JavaScript versies; Bekend met Agile werken; Affiniteit met ondernemen.

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

02/04/2020 02:31:38
 
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.