Jump to content
php.lv forumi

css z-index scroll


goma smile

Recommended Posts

Sveiki, kā izdrīt ka ar javascriptu (jquery) es atveru kādu lapu un ielādju viņu ar un pārklāju ar append... z-index lielāks... un norādu mazliet caurspīdīguma... un kā lai vairs apakšējā "layouta", saturs kas body neskrulētus... ?

 

 

 

    $('body').append('<div class="kkads"></div>');
    $('.kkads').fadeIn();
    $('.kkads').load('ielādes links...');

Link to comment
Share on other sites

Body apakšā ieliec elementu (#popup kaut vai), un tam elementam norādi z-index, opacity, position: fixed un nopozicionē, kā vajag. Ielādē ar AJAX saturu, $('#popup').html(response); $('body').css('overflow', 'hidden') - šis noslēps scrollbarus. Kad popups tiek aizvērts: $('body').css('overflow', '') - empty value noņem to CSS rūli.

Edited by jurchiks
Link to comment
Share on other sites

Kas nestrādā? body { overflow:hidden; } strādā. Ja nu vienīgi Firefoxam bija kaut kāda sapista loģika un overflow vajadzēja likt uz html, nevis body. Which is retarded, because every other browser works correctly with body { overflow: hidden; }.

Edited by jurchiks
Link to comment
Share on other sites

Kamēr netiks lietots fiddle, vai kāds cits demo preview, code tūlis, tikmēr šeit varam tikai spriedelēt vai apskatīt to, kā viens dzied līdzi citiem, nezinot dziesmu vārdus. :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...