Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[jquery] wysuwany box po przescrollowaniu danej wysokości - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [jquery] wysuwany box po przescrollowaniu danej wysokości (/thread-jquery-wysuwany-box-po-przescrollowaniu-danej-wysoko%C5%9Bci)



[jquery] wysuwany box po przescrollowaniu danej wysokości - n0xx - 11-09-2012

Cześć wszystkim.

Szukam i szukam i za cholere nie mogę się dogrzebać co to za skrypt jest.
Potrzebuję czegoś takiego jak jest np w serwisie interia.

Pierwszy lepszy artykuł:
np. http://fakty.interia.pl/swiat/news/wypadek-polskiego-autokaru-we-francji-sa-ofiary-smiertelne,1841163

Zjedźcie sobie niżej, tak gdzieś na 3/4 strony i po prawej stronie wysuwa się w magiczny sposób box z jakimś tam innym artykułem (ZOBACZ RÓWNIEŻ)

Ma ktoś albo wie jak się nazywa ten albo podobny skrypt ?


RE: [jquery] wysuwany box po przescrollowaniu danej wysykości - camelrafal - 11-09-2012

napisać trzeba
wystarczy zrobić diva załadować zawartość i sterować tym przez jquery
zrób sobie podgląd źródła i zobacz jak oni rozwiązali ten problem (też sami napisali)

to jest ich kod:
Kod:
jQuery(window).scroll(function(){
                var base = jQuery('.articleSource:first').offset().top
                var scroll = documentScrollTop()
                var screenHeight = document.documentElement.clientHeight
                var visible = scroll + screenHeight >  base
                var el = jQuery('.see_also_fixed').get(0)
                if (visible) {
                    //jezeli nie jest widoczne
                    if (el.style.right == "-370px") {
                        el.style.right = '-369px' //IE workaround
                        jQuery('.see_also_fixed').animate({right: 0}, 'slow')
                        INTPL("hitGemius", "10aQBGOUo_VOtrXUzOPHEcRpHbFWDsedwzfyMJT9Xzj.K7" );                    }
                }
                else {
                    if (el.style.right == "0px" || el.style.right == 0  ) {
                        el.style.right = '1px' //IE workaround
                        jQuery('.see_also_fixed').animate({right: '-370'}, 1000)
                    }
                }
            })
            jQuery('.see_also_fixed .close:first').click(function(){
                jQuery('.see_also_fixed').hide()
            })
sprawdzają pozycje scrolla i wyswietlają w odpowiednim momencie


RE: [jquery] wysuwany box po przescrollowaniu danej wysokości - n0xx - 12-09-2012

Dzięki camelrafal ale ten ichni kod jest zbyt kosmiczny, żebym go ogarnął.

Jak by komuś się nawinął taki skrypt, o którym jest mowa w tym temacie byłbym bardzo wdzięczny.