javascript - animate scroll to specific page position on scroll -

-

i'm trying replicate scroll event found on http://blkboxlabs.com/, when user scrolls animates screen next full height section, depending on if scroll or down.

i've got similar functionality, less smooth, , if user scrolls enough skip 2 sections, opposed stopping @ next section.

var didscroll; var lastscrolltop = 0; var delta = 5;   $(window).scroll(function(event){     didscroll = true; });  setinterval(function() {     if (didscroll) {         hasscrolled();         didscroll = false;     } }, 800);  function hasscrolled() {     var st = $(document).scrolltop();     var wintop = $(window).scrolltop();     var winbottom = wintop + ($(window).height());      // make sure scroll more delta     /*if(math.abs(lastscrolltop - st) <= delta)         return;*/      // if scrolled down , past navbar, add class .nav-up.     // necessary never see "behind" navbar.     if (st > lastscrolltop){         // scroll down         $('.fullheightscrollassist').each(function(index, element) {             var eltop = $(this).offset().top;             var elbottom = eltop + $(this).outerheight();             if(eltop > wintop && eltop < winbottom){                 $('.fullheightscrollassist').removeclass('activefullscreen');                 $(this).addclass('activefullscreen');                 $('html,body').animate({scrolltop: eltop}, 700);                 };         });     } else {         // scroll             $('.fullheightscrollassist').each(function(index, element) {                 var eltop = $(this).offset().top;                 var elbottom = eltop + $(this).outerheight();                 if(elbottom > wintop && eltop < wintop){                     $('.fullheightscrollassist').removeclass('activefullscreen');                     $(this).addclass('activefullscreen');                     $('html,body').animate({scrolltop: eltop}, 700);                     };             });     }      lastscrolltop = st; }

you can see example @ https://jsfiddle.net/raner/vhn3oskt/2/

what i'm trying accomplish: 1. run animate scrolltop function on scroll, once. 2. kill further scrolling once animation starts, keep skipping next section.

for else might know, here's plugin found did close looking , lot smoother initial attempt.

http://www.jqueryscript.net/demo/jquery-plugin-for-smooth-scroll-snapping-panelsnap/demos/


Comments

Post a Comment

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

-
i using enumerator values flags: typedef enum { = 0x00, b = 0x01u, // u has no influence, expected c = 0x02u, // u has no influence, expected ... } enum_name; volatile unsigned char* reg = someaddress; *reg |= b; according misra-c:2004 bitwise operations shall not done signed type. unfortunately, compiler iar use signed int (or short or char) underlying type of enums, , option can find relates size, not signedness ("--enum-is-int"). according iar c/c++ development guide arm , pages 169 , 211, can define type of enum s if enable iar language extensions ( -e command-line option, or project > options > c/c++ compiler > language > allow iar extensions in ide). in particular, should define "sentinel" value, make sure compiler chooses correct type. prefers signed types, , uses smallest possible integer type, sentinel should largest positive integer corresponding unsigned integer type can describe. example, typedef enum
Read more

xslt - Unnest parent nodes by child node -

-
in xml there items 0-n attributes , item should copied each attribute new item 1 attribute. given xml this: <?xml version="1.0" encoding="utf-8" ?> <items> <item> <name>a</name> <attributes> <attribute> <key>attribute1</key> <value>1</value> </attribute> </attributes> </item> <item> <name>b</name> </item> <item> <name>c</name> <attributes> <attribute> <key>attribute1</key> <value>5</value> </attribute> <attribute> <key>attribute2</key> <value>2</value> </attribute> <attribute> <key>attri
Read more

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -

-
im stuck on 3 days , have tried have come across after lots of searching ,this post last resort, im trying open youtubeplayerfragment using navigation drawer youtubeplayerfragment cannot cast android.support.v4.app.fragment problem edit question : have updated code have used youtubeplayersupportfragment instead of youtubeplayerfragment ,i error in displayview method (case 4: fragment = new youtube(); break;) in main activity saying cannot convert youtube fragment , cannot logcat since cant run it edit question 2: code updated again have runtime problem ,heres logcat 07-22 22:15:09.782: e/androidruntime(20603): fatal exception: main 07-22 22:15:09.782: e/androidruntime(20603): process: net.frankandwalters, pid: 20603 07-22 22:15:09.782: e/androidruntime(20603): java.lang.nullpointerexception: attempt invoke virtual method 'void com.google.android.youtube.player.youtubeplayerview.a()' on null object reference 07-22 22:15:09.782: e/androidruntime(20603): @ com.goog
Read more