maessigefrage
20.03.2020, 16:37
Mit Javascript in overflowing Website wie auf Google-Maps navigieren (durch Mausdrücken und -ziehen)?

Hallo,

mein body ist absichtlich größer als das Fenster.

overflow: scroll;

ermöglicht das Navigieren mit den Scroll-Leisten rechts und unten bzw. mit dem Mausrad.

Ich möchte ein Skript erstellen, das es erlaubt, zusätzlich wie in Google Maps zu navigieren: Indem man die Maus gedrückt hält und bewegt, soll der Fensterinhalt in diese Richtung gezogen (gescrollt) werden.

Wie kann ich mit Javascript bei Mausgedrückhalten die Mausbewegung erfassen, um diesen Wert in eine Funktion mit

window.scrollBy(x, y);

zu übergeben?

Ich bin absoluter Javascript-Laie und habe zu diesem Problem leider auch nichts im Netz gefunden. (Auch Links helfen mir.)

Vielen Dank für Eure Hilfe

 ...zum Beitrag
Antwort
von maessigefrage
20.03.2020, 19:38

habs nun, danke für die hilfe

var x, y;

window.addEventListener("mousedown", navMd);
window.addEventListener("mouseup", navMu);

function navMd() {
 x = event.pageX;
 y = event.pageY;
 window.addEventListener("mousemove", navMm);
}

function navMm() {
 window.scrollBy((x-event.pageX),(y-event.pageY));
 x = event.pageX;
 y = event.pageY;
}

function navMu() {
 window.removeEventListener("mousemove", navMm);
}
...zur Antwort
Caimo
23.06.2017, 15:40
Kennt jemand eine Alternative (Font) zu der "Brown"?

Hallo liebe Schriftenliebhaber! Für meine Bachelorarbeit suche ich dringend diese Font, oder eine vergleichbare. Soweit ich es erkennen kann, handelt es sich hierbei um die "Brown". Leider finde ich online keine vergleichbare Alternative. Da es sich bei meiner Arbeit "nur" um eine Bachelorarbeit handelt und diese auch nicht kommerziell genutzt wird, ist mir das kaufen der Brown etwas zu teuer. Wenn mir hier jemand weiterhelfen könnte, würde ich mich tierisch freuen. Vielen Dank!!

(Siehe Bild)

 ...zum Beitrag
Antwort
von maessigefrage
05.10.2017, 23:31

Schau dir mal der Super Grotesk an... Hat gewisse Ähnlichkeiten.

...zur Antwort