working on home scroll

_teendők.md

@@ -15,6 +15,27 @@ címhez scrolloljon
 Hasonló cikkek:
 	Ugyanabból a kategóriából a 3 legfrisebb
 
+bal felső sarokban nem jó a sarok border!!
+
+jobb oldali margó dupla akkora minimum, és nőjön, hogy a szöveg fix széles maradhasson
+
+szövegtörzs betűméretek: mint a mostani designisso
+
+Nagy idézet balra zárjon
+
+Címsor 2 serif betű
+
+Idézet forrás balra zárt, kicsit behúzva
+
+Kijelölés színe a tagtől függ: sárga a kékkel, piros a zölddel
+
+Szerző: üres mint az asztali tervben
+
+lightbox: mobilon ott ahol van most
+	Asztalin menjen ki a képernyő szélére
+
+Link a kiemelt hátterű szövegben mint a mostani designisson! Lásd annabella cikke, valamelyik kérdés
+
 # Esemény oldal
 
 # Kezdőlap
@@ -26,7 +47,6 @@ alapből lehet hogy több látszódjon
 
 Nyitócikkek	szövegkifutást pontosítani
 
-
 Kiscímek
 	.vr: néha nagyobb, élsimítás dolgok
 
@@ -36,13 +56,22 @@ Nyitócikkek	felgördülő lead hosszát pontosítani
 
 pecsét	betűk összecsúsznak
 
+//Gombos görgetés nem jó, ha egyszer is használod a másik fajta tekerést - szerintem jó, még tesztelni kell
+
+Nagycímes címek, még feljebb
+
+semmiképpen ne lógjon a cím elé a felgördölő cucc
+
+Max karakterszám alcímnél, hogy hova menjen
+
+Ne legyen balra tekerő nyíl az első oldalon, ahol nincs hova menni
+
 
 ## mobil nézet 
 
 képek magassága és maszk
 
 
-
 # Kategória oldalak
 
 tag archive:
@@ -50,3 +79,11 @@ tag archive:
 
 # menü
 
+# Oldal
+
+Nem kell dátum fentre
+
+Oldal: ne legyen első vonal <hr>
+
+Nincs kiemelt kép, fehér háttér, csak egy vonalként látszik a border, ugyanaz a margó fent mint oldalt
+	

js/scripts.js

@@ -342,6 +342,7 @@
 
 		//scroll to the next or prev article
 		function homeScroll(target, direction) {
+			// console.log(target.attr('class'))
 			var nextelem;
 
 			if (direction == "next") {
@@ -354,9 +355,9 @@
 			}
 
 			var offset = ($(nextelem).position().left)
-			//if loadmore is the next, do not scroll, but load
 
-			if ($(nextelem).attr("class") == "misha_loadmore") {
+			//if loadmore is the next, do not scroll, but load:
+			if (nextelem.attr("class") == "misha_loadmore") {
 				loadmore()
 				return target
 			} else {
@@ -399,11 +400,35 @@
 		//checking the current scroll location for refresh:
 		if (!isMobile) {
 			if (isHome || isArchive) {
-				var articleWidth = $(selector + ':first-child')[0].getBoundingClientRect().width
+				const homeDivWidths = []
+				const homeFullWidths = []
+				homeDivWidths[0] = 0
+
+				$(selector).each(function () {
+					homeDivWidths.push($(this)[0].getBoundingClientRect().width)
+				})
+				for (let i = 0; i < homeDivWidths.length; i++) {
+					let prev = homeFullWidths[i - 1]
+					if (i == 0) {
+						prev = 0
+					}
+					homeFullWidths[i] = homeDivWidths[i] + prev
+				}
+				console.log(homeDivWidths)
+				console.log(homeFullWidths)
+
 				var currscroll = $('html').scrollLeft()
-				var scrollnr = Math.floor(currscroll / articleWidth) + 1
+
+				var closest = homeFullWidths.reduce(function (prev, curr) {
+					return (Math.abs(curr - currscroll) < Math.abs(prev - currscroll) ? curr : prev);
+				});
+				var scrollnr = homeFullWidths.indexOf(closest) + 1
+
+				console.log("currscroll", currscroll, "scrollnr", scrollnr, "closest", closest)
 				currElem = $(selector + ':nth-child(' + scrollnr + ')')
 				console.log("start location: " + currElem.attr("class"))
+
+
 			}
 		}
 
@@ -441,22 +466,55 @@
 		})
 
 		/* --------------------------- scroll with keyboard --------------------------- */
-		$('html *:not(input)').keydown(function () {
+
+
+
+
+		var kd = false
+		$('html *:not(input)').keydown(function (event) {
+			if (kd) {
+				event.preventDefault();
+				return
+			} else {
 				if (!isMobile) {
 					if (isHome || isArchive) {
 						if (!$('.search-bar *').is(':focus')) {
-						//right and J
+							// console.log("keydown!")
-						if (event.which == 39 || event.which == 74) {
+							kd = true
+
+							switch (event.which) {
+								case 40: //down
+								case 39: //right
+								case 74: //J
 									event.preventDefault();
 									currElem = homeScroll(currElem, "next")
-							// left and K:
+									break;
-						} else if (event.which == 37 || event.which == 75) {
+								case 38: //up
+								case 37: //left
+								case 75: //K
+									event.preventDefault();
 									currElem = homeScroll(currElem, "prev")
+									break;
+
+								default:
+									break;
 							}
 						}
 
 					}
 				}
+			}
+		})
+
+		//check for keyup for disabling counter
+		$('html *:not(input)').keyup(function (event) {
+			if (!isMobile) {
+				if (isHome || isArchive) {
+					if (!$('.search-bar *').is(':focus')) {
+						kd = false
+					}
+				}
+			}
 		})
 
 		/* -------------------------- loadmore: ajax loads -------------------------- */
@@ -501,7 +559,7 @@
 					'query': misha_loadmore_params.posts, // that's how we get params from wp_localize_script() function
 					'page': misha_loadmore_params.current_page
 				};
-			button.trigger("moreload-start")
+			// button.trigger("moreload-start")
 
 			$.ajax({ // you can also use $.post here
 				url: misha_loadmore_params.ajaxurl, // AJAX handler
@@ -522,7 +580,7 @@
 						button.html('<a>Mutass többet</a>').before(data); // insert new posts
 						misha_loadmore_params.current_page++;
 						button.trigger("moreload-finish")
-						console.log(data.length)
+						console.log("loading:", data.length)
 
 						// you can also fire the "post-load" event here if you use a plugin that requires it
 						// $( document.body ).trigger( 'post-load' );