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

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

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

homeedition
Beiträge gesamt: 198

27. Aug 2014, 12:56
Beitrag # 1 von 2
Bewertung:
(1693 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();
});
});

X

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

crisies
  
Beiträge gesamt: 138

9. Sep 2014, 15:54
Beitrag # 2 von 2
Beitrag ID: #531861
Bewertung:
(1511 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]