verticale scrolling vanuit 1 element

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior Front-End Developer

Je maakt een vliegende start van je carrière, door meteen mee te bouwen aan de digitale aspecten van Coolblue. Wat doe je als Junior Front-End Developer bij Coolblue? Als Junior Front-End Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collega’s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te maken. Je sterk analytisch vermogen komt dan goed van pas!

Bekijk vacature »

PLC Software programmeur voor sterkste kraan ter w

Bedrijfsomschrijving Deze unieke organisatie bestaat al meer dan 40 jaar en maakt on off a kind oplossingen voor onshore en offshore veiligheidoplossingen voor grote industrie machines of installaties. Ze kennen vier vestigingen over de wereld, maar jij hoeft alleen maar te werken op het kantoor in Den Bosch. De projecten zitten in markten zoals offshore en baggerwerken, havens en scheepswerven, spoorwegen, visserij, bouw en infra. Het bedrijf ontwikkelt een breed scala aan sensoren met innovatieve, in eigen huis ontwikkelde software en hardware voor op maat gemaakte veiligheid- en besturingoplossingen in veeleisende omgevingen. Een van de laatste projecten waar zij aan

Bekijk vacature »

PHP developer

Briljante werken-bij websites voor clubs als ABN-AMRO, T-Mobile, KWF Kankerbestrijding en Boskalis. Online recruitmentmarketingcampagnes voor Waterschap Rivierenland, Randstad en VDL Nederland. Dit zijn zomaar een paar van de projecten die we al hebben binnengeharkt. En er kan nog meer bij. Welke projecten oogst jij als PHP developer bij Getnoticed? Als PHP developer bij Getnoticed werk je in een team met acht directe collega’s. Bij ons geen hiërarchie of weken beslissingstijd. Dit betekent korte lijnen en snel schakelen. Dat is ook wel nodig bij alle innovatieve projecten waar we tegelijkertijd aan werken, zoals Google Cloud Talent Solution. Jouw functie bij Getnoticed

Bekijk vacature »

Full stack developer @ Rotterdam

2020-12-18 iSense Full stack developer Full Stack Developer ISRA48618 Organisatie De organisatie waarbinnen je aan de slag zal gaan levert diensten aan een groot aantal organisaties binnen Nederland. De software die zij maken en inzetten voor hun klanten wordt dagelijks door honderden klanten gebruikt. Onze opdrachtgever is marktleider in Nederland als het gaat om full-service HR-dienstverlening. De afgelopen periode is onze klant hard gegroeid en daar zijn de nodige uitdagingen bij komen kijken. Om deze groei voort te kunnen zetten zijn ze op zoek naar nieuwe vaste medewerkers, dit om ervoor te zorgen dat ze marktleider blijven. Zij zijn op

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

Java Developer bij InTraffic

Werken aan innovatieve oplossingen die onmisbaar zijn voor iedereen en dus ook voor jou als reiziger? Als Java Developer bij InTraffic kan jij een waardevolle bijdrage leveren! Hoe? Het ontwerpen en ontwikkelen met Java in een van onze complexe projecten. Waarom? Om een beter en veiliger OV in Nederland te creëren. Waar? Bij InTraffic in Nieuwegein, dé IT-specialist op het gebied van verkeer en vervoer. Met wie? Met een scrumteam van tussen de 3 en 9 professionals. Jouw rol als Java Developer Binnen onze complexe IT-omgeving van verkeer en vervoer spelen vele interessante projecten. Hierbij kun je denken aan migraties

Bekijk vacature »

Senior C# Developer (NL)

Senior C# Developer (NL) Den Haag HBO/WO IT Professional "Als Senior C# Developer impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door complexe bedrijfskritische logistieke business processen te vertalen naar de ontwikkeling en uitbreiding van onze Cloud IT-platformen en software oplossingen in C# en AWS" Wat ga je doen? PostNL is becoming a postal tech company. Als Senior C# Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead Engineer, Developers en Solution Consultants. Samen zijn jullie verantwoordelijk voor het bouwen aan onderdelen uit onze logistieke software omgeving. Binnen het

Bekijk vacature »

PHP Developer / Microservices @ Utrecht

2021-10-20 iSense PHP Developer Microservices Je bent PHP Developer en je wil wat. Toch? En wij hebben wat: een toffe functie bij een hechte organisatie die een grote speler vormt op HR-gebied. Je gaat in de rol van PHP Developer ontwikkelen aan verschillende diensten, functionaliteiten en oplossingen voor een complex platform. Iets voor jou? Lees dan zeker even deze vacature en reageer! ISKA51392 Organisatie Jij wil dus wat? Mooi! Hoe klinkt het om aan de slag te gaan binnen een team van drie Developer? Een team dat aan de vooravond van een grote transitie naar een compleet nieuw te bouwen

Bekijk vacature »

Senior Java EE Developer

Regio: Barendrecht Binnen het domein transport en logistiek krijgen wij dagelijks complexe vragen van onze klanten. Bij en voor onze klanten gaan wij aan de slag met technische software oplossingen (geen kantoorautomatisering) voor o.a. container terminals, havenbedrijven (publieke) transport operators, distributiecentra en productiebedrijven. Je speelt een belangrijke rol in de – veelal – maatwerksoftware die we voor onder andere ECT, Atlas Copco, Kruidvat en het Havenbedrijf maken. We bouwen componenten, maar ook complete systemen die we integreren met andere systemen in veelal multidisciplinaire omgevingen. Integraties met bijvoorbeeld tablets, web portals, voertuigen en (automatische) kranen zijn niet meer weg te denken

Bekijk vacature »

Senior .Net Developer (fixed & interim)

What are you going to do? All our T-Mobile Thuis systems are developed internally by our enthusiastic and self-organized scrum/DevOps teams. These are responsible for the analysis, the functional design and the realization of software solutions (applications / systems) that support the customer processes and the activation of the services in the network and on the platforms. The developments in IT are moving fast and we believe that you need hands-on expertise in implementing the new technology in order to be able to value these. We are therefore looking for experienced candidates who can and want to combine the role

Bekijk vacature »

Full Stack Java Developer - Infrastructure

Ben jij een ontwikkelaar die wil bijdragen aan de energietransitie? Lees dan verder! Wat ga je doen? Als Full Stack Java Ontwikkelaar draag je verantwoordelijkheid voor het gehele proces van het omzetten van wensen, problemen of vragen naar concrete oplossingen. Integratie, testen, vastleggen van kennis en beslissingen, problem management en automation zijn onderdeel van je takenpakket in SAFE of DevOps gestuurde omgevingen. Als ontwikkelaar krijg je alle mogelijkheden om je technisch verder te ontwikkelen en samen te werken met gedreven collega's. Wat breng je mee? Je hebt gedurende 1 tot 2 jaar een basis opgebouwd in applicatie ontwikkeling met .Net

Bekijk vacature »

Software Developer / .NET @ Deventer

2021-06-07 iSense Software Developer .NET Ben jij een Software Developer en heb je eerder ervaring opgedaan met C#? Ben je op zoek naar een nieuwe functie en lijkt het je leuk om mee te denken en te sparren met de Lead Developer? Lees snel verder en solliciteer! ISRO49470 Nieuw Organisatie Je komt te werken als Software Engineer bij een organisatie gespecialiseerd in de Automatisering voor klanten van hen in de productiebranche. Ze zijn ongeveer 100 man groot en je komt terecht in een development team van 7 man. De wens is om dit met een developer uit te breiden; iemand

Bekijk vacature »

Lead .NET Developer Unieke Kantoorsoftware

Bedrijfsomschrijving Dit bedrijf bestaande uit zo'n 60 medewerkers heeft in de loop der jaren een klantenbestand van ongeveer 500 bedrijven opgebouwd en ze leveren aan deze bedrijven unieke bedrijfseigen kantoorsoftware. De software wordt gebruikt in de Benelux en is zeer professioneel te noemen. De bewezen software is zo vormgegeven dat het zeer snel op de bestaande software van klanten aangesloten kan worden. Enkele toepassingen zijn: de software koppelen aan Payrolling software, HR software of ERP software. Uiteindelijk zijn alle toepassingen voortgekomen uit de drie grootste SaaS producten: Tijdregistratiesoftware, Declaratiesoftware en Planningsoftware. Door uitbreiding in het team en verschuivingen in het

Bekijk vacature »

Ervaren Java developer met eigen visie voor nieuw

Bedrijfsomschrijving Voor dit familiebedrijf in Aalsmeer ben ik op zoek naar een ervaren software developer op het gebied van Java. Het bedrijf is gespecialiseerd in de ontwikkeling van zowel online als offline transactiesystemen. Zo hebben ze onder andere een online platform ontwikkeld waar zowel consumenten als bedrijven zaken als beltegoed, loterijsystemen, toegangskaarten en giftcards gemakkelijk kunnen aanschaffen. Dat betekent onder meer dat de software toepassingen geïntegreerd worden in kassa's van supermarkten maar ook bij honderden tankstations in Nederland. Momenteel zijn ze met twaalf personen en ondergaan ze een sterke groei. De sfeer is informeel en ze vinden het erg belangrijk

Bekijk vacature »

Front-end Developer / JavaScript / HTML @ Utrecht

2021-10-20 iSense Front-end Developer JavaScript HTML #vacancy-front-end-developer { position: open; } ISKA51385 Organisatie Ben jij een Front-end Developer die dit nog net even wat beter kan? Dan is er bij een hechte organisatie die een grote speler op HR-gebied vormt nog ruimte voor jou ter aanvulling van het team! Dit team is te omschrijven als ambitieus en enthousiast en bestaat momenteel uit drie Developers. De organisatie staat aan de vooravond van een grote transitie naar een compleet nieuw te bouwen Microservices platform, dus wanneer je het leuk vindt om met een bedrijf mee te groeien en aan die groei bij

Bekijk vacature »
Daniel van Seggelen

Daniel van Seggelen

24/08/2019 08:29:54
Quote Anchor link
Ik heb een element

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<div id="product_list">

<div class="product-list">
 product 1
</div>
<div class="product-list">
 product 2
</div>

</div>


Ik wil dus als hij naar beneden scrolt, dus als het einde van de <div id="product_list"> de bodem bereikt heeft dat hij met ajax nieuwe resultaten laad.

Dit lijkt maar niet te lukken, hij pakt alleen als het einde van de pagina bereikt is.
Het zit zo dat er een verticale banner aan de linkerkant een stuk langer is dan de <div id="product_list"> aan de rechterkant.

Ik wil dus dat hij steeds nieuw content laad bij het scrollen naar beneden.
weet iemand de beste manier hiervoor?
zie bijv hier
https://stackoverflow.com/questions/33327255/infinite-scrolling-for-fixed-number-of-li-elements-using-jquery
 
PHP hulp

PHP hulp

22/10/2021 06:24:24
 
Rob Doemaarwat

Rob Doemaarwat

24/08/2019 09:10:37
Quote Anchor link
Ipv op
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
if (scrollPos + winHeight == $(document).height()) {
te gaan bijladen moet je dan "eerder" gaan laden. Dat kan op bijvoorbeeld op 75% of "winHeight" pixels voor het eind. Dan moet je wel even een vlaggetje zetten dat je al aan het laden bent, want anders blijft ie laden (bij 76%, bij 77%, enz). Pas als je een nieuwe batch opgehaald hebt sta je weer een nieuwe bijlaad toe.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
loading = false;
if (!loading && (scrollPos + winHeight > 0.75 * $(document).height())) {
  loading = true;
  //doe async call, zet loading op false indien gereed
}
 
Daniel van Seggelen

Daniel van Seggelen

24/08/2019 09:54:18
Quote Anchor link
Ok , maar is het niet mogelijk wanneer het einde van de div element de bodem raakt?
Nu is het gewoon window.height, de gehele body van de pagina.


Toevoeging op 24/08/2019 10:26:18:

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
loading = 0;
$(document).ready(function() {
//$('#merken').selectpicker();
    

winHeight = $('#product-listers').height();

$(window).scroll(function (event) {
     scrollPos = $(window).scrollTop();
//if (scrollPos + winHeight == $(document).height()) {
    console.log(scrollPos);
    console.log(winHeight);
    console.log(loading);
    if ( (scrollPos % winHeight == 0) && winHeight != null) {
      loading++;
      console.log('test');
      //alert('test');
      //doe async call, zet loading op false indien gereed
    }
});


Heb het zo opgelost. loading is de paginateller, omdat er per pagina een aantal resultaten worden geladen wanneer deze nog niet geladen zijn .
Maar dit lijkt niet te werken.

de hoogte van mijn elelemnt is 1250 pixels. Als dit vanaf de scrolltop berikt is dan doet hij een call, als het 2 x 1250 dus 2500 etc berekt heeft dus hij de tweede call etc etc.

Wat is hier fout?

Toevoeging op 24/08/2019 15:42:29:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
loading = false;
if (!loading && (scrollPos + winHeight > 0.75 * $(document).height())) {
  loading = true;
  //doe async call, zet loading op false indien gereed
}


Dit werkt helaas niet, loading is false, maar word nooit geladen
Gewijzigd op 24/08/2019 10:31:34 door Daniel van Seggelen
 
Thomas van den Heuvel

Thomas van den Heuvel

24/08/2019 17:20:40
Quote Anchor link
Ik heb een deja vu.
 



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.