Slide-Problem mit "$(window).onresize(function() ..."

[Gast] Foren Programmierung/Entwicklung JavaScript Slide-Problem mit "$(window).onresize(function() ..."

Programmierung/Entwicklung

Themen

Beiträge

Moderatoren

Letzter Beitrag

JavaScript

1411

5354

Thomas Richard

28. Feb 2024, 15:17

Nic1703

homeedition

Beiträge gesamt: 198

27. Aug 2014, 12:56
Beitrag # 1 von 2
Bewertung:
(1697 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Ich habe ein großes Problem mit der Slide-/Scroll-Funktion einer Seite:

Wenn ich "$(window).resize(function() ..." nutze, wird die Seite wie gewünscht, beim Auswählen eines Menüpunktes, zum nächsten Ankerpunkt geslided.

Wenn ich "$(window).onresize(function() ..." nutze, springt die Seite, beim Auswählen eines Menüpunktes, zum nächsten Ankerpunkt?!

Kann mir jemand sagen woran das liegen kann??!!

Hier mal das Script mit "onresize":

Code

$(window).onresize(function() { 
    var vWidth = $(window).width(); 
    var vHeight = $(window).height(); 
 
    $('.section').css('width', vWidth).css('height', vHeight); 
    });

Hier das Script zum Scrollen/Sliden:

Code

/ horizontal scroll 
    $(function() { 
    $('div#menu_01_oben a').bind('click',function(event){ 
    var $anchor = $(this); 
    /* 
    if you want to use one of the easing effects: 
    $('html, body').stop().animate({ 
    scrollLeft: $($anchor.attr('href')).offset().left 
    }, 1500,'easeInOutExpo'); 
    */ 
    $('html, body').stop().animate({ 
    scrollLeft: $($anchor.attr('href')).offset().left 
    }, 1500); 
    event.preventDefault(); 
    }); 
    });

Slide-Problem mit "$(window).onresize(function() ..."

crisies

Beiträge gesamt: 138

9. Sep 2014, 15:54
Beitrag # 2 von 2
Beitrag ID: #531861
Bewertung:
(1515 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

hi homeedition

verwende resize mit jQuery oder onresize mit Javascript. Bei Dir also resize da Du mit jQuery arbeitest $().

damit Du nun beim verkleinern/vergrössern am selben Punkt bleibst, müsstest Du innerhalb der Resize-Funktion, nach dem ändern der Section Grösse noch wieder das offset auf den aktuell aktiven Navipunkt setzen:

$(HIER AKTUELL AKTIVE SECTION).offset().left

mfg
chris.w.

als Antwort auf: [#531492]

Aktuell

PDF / Print

callas software veranstaltet Webinar rund um den Etikettendruck

| 14.12.2023

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen

14.05.2024

Einsparpotenziale in der Weiterverarbeitung

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung

Veranstaltungen

16.05.2024

Und es geht doch: Automatisierung im Großformatdruck!

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!

Weitere Events

Neuste Foreneinträge

Problem mit RGB> CMYK in Vektor-Smartobjekt

Adobes Konvertierungsdienst per Script aufrufen

Mit Preflight Registerfarbe ALL nach Grau konvertieren geht nicht

Switch/PitStop: Sprachdatei vom Report ändern

Absatzsetzer in CC24 ME lösen Probleme aus

Quark Objekte lassen sich nicht neben Layout ziehen.

Barrierefreie PDFs | Mögliche unangebrachte Verwendung des Strukturelements xy

Barrierefreiheit in indesign 2022: figure-Tags haben als Attributobjekt "block" statt "inline"?

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten

Weitere Stellenangebote