javascript - Background/content bottom half disappears when resizing/maximizing window -
so website http://developed-web.com/ starting come pretty i'm having issue that's not on-screen having disappear when take window out of maximized mode.
this issue occurs in google chrome, firefox , ie 10 too.
i'm not used kind of site structure don't wanna mess stuff more while trying fix this. issue be?
thanks taking :)
edit:
go page in maximized window, , when take out of maximized (not minimize, make smaller) som content disappear: http://gyazo.com/a5744085b32b1cf05acc4e1efa653da9
you should familiarise debugging tools in browser. preference developer tools in chrome (cmd+alt+i
on mac, f12
on windows). there's great guide google here started.
if @ console tab you'll see javascript throwing error in resizepanel
method when resize window on home page.
if @ elements panel , resize window see setting height of mask element size of window.
to fix both errors, try updating code follows:
$(document).ready(function() { $('a.panel').click(function () { $('a.panel').removeclass('selected'); $(this).addclass('selected'); current = $(this); $('#wrapper').scrollto($(this).attr('href'), 800); return false; }); $(window).resize(function () { resizepanel(); }); }); function resizepanel() { width = $(window).width(); height = $(window).height(); mask_width = width * $('.item').length; $('#debug').html(width + ' ' + height + ' ' + mask_width); // these lines erroneously setting height of mask // height of window when user scrolls down, area of // unmasked content visible. //$('#wrapper, .item').css({width: width, height: height}); //$('#mask').css({width: mask_width, height: height}); // try updating follow kpsuperplane has suggested $('#wrapper, .item').css({width: width}); $('#mask').css({width: mask_width}); // throwing error because no anchor elements have // selected class when page first hit if ($('a.selected').length) { $('#wrapper').scrollto($('a.selected').attr('href'), 0); } }
Comments
Post a Comment