verticale scrolling vanuit 1 element

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Cloud Solution Architect

Help jij onze klanten in de publieke veiligheidssector de stap te maken naar de high performance organisatie van de 21e eeuw? Wat ga je doen? Als Cloud Solution Architect maak je deel uit van een gedreven club professionals. Jij bent verantwoordelijk voor (een deel van) het ontwerp van een of meerdere systemen. Deze rol vereist communicatie en interactie met meerdere ontwikkel- en testteams en met de andere ontwerpautoriteiten. Jij treedt op als de vertegenwoordiger van de technische aspecten van het systeem bij het overleg met de klant. Je werkzaamheden omvatten: Realiseren en valideren van ontwerpen voor implementatie- en beheerdoeleinden; Uitvoeren

Bekijk vacature »

Ervaren .NET C# ontwikkelaar, inhouse, complex maa

Ben je als ervaren ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een ervaren .NET C# ontwikkelaar. De organisatie richt zich op innovatieve en complexe maatwerk systemen met een maatschappelijke raakvlak. Hierbij moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen uiteenlopend zijn en het is maar net wat

Bekijk vacature »

Collega SRE gezocht

OSSO zoekt een fijne collega met: Veel (5+ jaar) kennis + ervaring van Linux systeembeheer. Basis programmeervaardigheden. Tevens een troubleshooter die doorgaat totdat de situatie (en bijbehorende oplossing) 100% helder is. Wat wordt er van je verwacht en wat ga je doen? Onderdeel zijn van het Operations team. Opzetten en beheren van klantomgevingen. Als het onder Linux draait, dan beheert OSSO dat. Dit omvat het opzetten van highly available clusters, zoals bijvoorbeeld – maar zeker niet beperkt tot alleen – Galera, Elasticsearch, Kubernetes. Up to date houden, beveiligen en hardenen van servers. Niet te bang zijn. Je mag fouten maken,

Bekijk vacature »

Portal ETL developer

For a client in Amsterdam I am looking for a ETL developer. In this role your aim is to create the data infrastructure in a simple and efficient matter by designing building, testing and integrating data from various sources. Preferred experience: Extensive experience in developing Data Solution and BI systems Hands-on ETL, SQL and programming experience Experience in migrating an existing (Oracle, Umax) data warehouse to the Cloud Understanding of Azure related services (i.e.: Snowflake, Matillion, SQL, Python, Spark, Azure DevOps) Does this assignment suit you, or someone within your network? Then please send me an updated CV and I

Bekijk vacature »

Project Engineer Cisco Security (m/v, fulltime)

Voor onze locatie Amersfoort (t.z.t. Vianen) en/of Emmeloord zijn wij op zoek naar een Project Engineer Cisco Security. Jij weet natuurlijk alles van security producten, bij voorkeur van het Cisco Security productenportfolio, zoals ISE, Umbrella, AMP for Endpoints, Cloud Email Security (CES), DUO, Stealthwatch, ASA NGFW, etc. Houd je van afwisseling in je werk en wil je jezelf blijven ontwikkelen en zie jij jezelf op termijn ook nog eens werken als (Senior) Consultant? Dan ben jij degene die wij zoeken voor de uitbreiding van ons projecten team! Ga jij dit doen? Als Cisco Security engineer voer je projectmatig werkzaamheden uit

Bekijk vacature »

Lead .Net Developer/Architect/ Telecom/ Salary: 6.

Bedrijfsomschrijving You will work at a large and progressive Telecom organization with offices in the Netherlands and Europe. The domain where you are going to work is responsible for designing and maintaining the Fixed Networks and other network solutions. They deliver communication products and services to companies and consumers. Furthermore, they deliver the data flow and mobile network in the Netherlands.Currently they are searching for a Lead .Net Developer to support one of the three scrum teams for delivering the best services. As a Lead .Net Developer you will be working closely together with your team picking up user stories.

Bekijk vacature »

Software Developer / C# en .Net / Databases

Bedrijfsomschrijving Onze klant is een mooie en innovatieve multinational in de regio Utrecht. Ze staan bekend om de hoge kwaliteit van dienstverlening en streven ernaar dit continu te verbeteren. Om dit te kunnen doen zijn zij opzoek naar een Software Developer. Als Software Developer ga je aan de slag met het ontwikkelen van bedrijfskritische software en applicaties. Zo zijn er applicaties en software die van belang zijn voor de bedrijfsvoering, de medewerkers van de organisatie, maar ook voor het klantenbestand van de organisatie. Het landschap is zowel functioneel als technisch en daarmee erg breed. Je komt te werken in een

Bekijk vacature »

Java/AWS Developer

Voor een klant in Amsterdam ben ik op zoek naar een ervaren Java/AWS developer. In deze rol is het belangrijk dat je de vertaalslag van techniek naar de business kan maken in een complexe omgeving. Omdat je in een groot landschap met geavanceerde technieken komt te werken zal je elke dag wel iets leren. Je zal als fullstack back-end developer werken aan back-end applicaties in de cloud (AWS) samen met een team van app developers, front end developers en QA engineers. Technieken Java 8/11 Spring Boot REST Hibernate Maven/Gradle Docker AWS Services Micro Services Niet direct beschikbaar, maar wel interesse?

Bekijk vacature »

Senior Python Developer

Do you want to work as a Senior / Principal Python developer and mostly REMOTE? Are you ready for a new challenge within a international scale up? Do you want to help many people and companies with interesting solutions to make their life easier? And for a good salary and other conditions? Then read on and respond! Our client is currently looking for an experienced Python Developer with at least 5 years of experience. As a Python Developer your job is to develop, build and improve new existing functions. You will work within a driven and strong (mainly seniors) team.

Bekijk vacature »

Droombaan voor een PHP Developer!

Bedrijfsomschrijving Deze organisatie kenmerkt zich door een unieke mix van professionalisme binnen een informele setting! Technologie is wat de mensen hier drijft. De voornaamste reden dat ontwikkelaars overstappen naar dit bedrijf is omdat die mooie technologie samen gaat met een hele prettige werksfeer en leuke slimme collega's! De voorwaarden zijn hier zoals je mag verwachten prima en er is veel mogelijk afhankelijk van jouw specifieke wensen. Ben jij nog opzoek naar een droombaan als senior PHPer en wil jij jouw kennis uitbreiden en uitgedaagd worden om met de nieuwste technieken aan de slag te gaan? Dan is deze functie zeker

Bekijk vacature »

Senior Product Software Developer (Java)

We are looking for an experienced Java Developer to join our multidisciplinary, international (DevOps) team to create top-notch online services, driven by state-of-the-art software for our professional customers worldwide. As a Wolters Kluwer Software Engineer you will create our digital solutions by working with the latest technologies. You are a key member of a geographically distributed development team working on various digital platforms and tools. The role As the Java Developer you will work in a multidisciplinary, international team (DevOps). The primary focus of the team is to develop the Content Management System (CMS) on the basis of Continuous Integration

Bekijk vacature »

.NET Developer Datawarehouse

.NET Developer Datawarehouse Werk jij als software developer het liefst met uitdagende systemen? Wil jij je steentje bijdragen aan een betere en efficiëntere zorg? Dan kun jij je bij onze vestiging in Amsterdam volledig uitleven als .NET Developer Datawarehouse. Jouw baan Je ontwerpt, ontwikkelt, ondersteunt en onderhoudt je eigen Datawarehouse module binnen HiX, onze ICT-totaaloplossing voor de zorg. Je schrijft objectgeoriënteerde code (we werken met Microsoft technologie, wat betekent dat je veel met C# gaat werken), speurt naar verbeteringen, werkt aan vernieuwende projecten, doet code reviews en voert testen uit. Een uiterst verantwoordelijke job, want dankzij jouw software kunnen zorginstellingen

Bekijk vacature »

.NET Developer Datawarehouse

Werk jij als software developer het liefst met uitdagende systemen? Wil jij je steentje bijdragen aan een betere en efficiëntere zorg? Dan kun jij je bij onze vestiging in Amsterdam volledig uitleven als .NET Developer Datawarehouse. Jouw baan Je ontwerpt, ontwikkelt, ondersteunt en onderhoudt je eigen Datawarehouse module binnen HiX, onze ICT-totaaloplossing voor de zorg. Je schrijft objectgeoriënteerde code (we werken met Microsoft technologie, wat betekent dat je veel met C# gaat werken), speurt naar verbeteringen, werkt aan vernieuwende projecten, doet code reviews en voert testen uit. Een uiterst verantwoordelijke job, want dankzij jouw software kunnen zorginstellingen hun informatie behoeften

Bekijk vacature »

Gezocht: BI Consultant/Developer die wil doorgroei

Bedrijfsomschrijving Heb jij al minimaal 2 jaar ervaring als BI Developer/Consultant en wil jij de overstap maken naar een organisatie die je de mogelijkheden biedt om flink door te groeien/ontwikkelen? Lees dan vooral verder! Voor een grote klant ben ik zoekende naar BI Developers die zich willen aansluiten bij een high tech organisatie. Ze focussen ze zich onder andere op Cloud, Cyber Security, Big Data en nog veel meer thema's van deze tijd. Ze zijn wereldwijd en op meerdere locaties binnen Nederland actief. Dit zorgt ervoor dat er altijd wel een kantoor in de buurt van je woonplaats te vinden

Bekijk vacature »

Medior Front-end Developer

As a medior Front-End Developer at Coolblue you improve the user-friendliness of our webshop for millions of customers. How do I become a Medior Front-end Developer at Coolblue? As a Medior Front-end Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX designer to pick up stories. You get energy from coming up with creative solutions and are happy to present this within the team. You are also proud of your work and welcome all feedback. "Want to become a Medior Front-end Developer at Coolblue? Else de Boer explains how to

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

02/12/2020 23:48:46
 
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.