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

python - Healpy: From Data to Healpix map -

-
Image
i have data grid rows represent theta (0, pi) , columns represent phi (0, 2*pi) , f(theta,phi) density of dark matter @ location. wanted calculate power spectrum , have decided use healpy. what can not understand how format data healpy use. if provide code (in python obvious reasons) or point me tutorial, great! have tried hand @ doing following code: #grid dimensions nrows*ncols (subject change) theta = np.linspace(0, np.pi, num=grid.shape[0])[:, none] phi = np.linspace(0, 2*np.pi, num=grid.shape[1]) nside = 512 print "pixel area: %.2f square degrees" % hp.nside2pixarea(nside, degrees=true) pix = hp.ang2pix(nside, theta, phi) healpix_map = np.zeros(hp.nside2npix(nside), dtype=np.double) healpix_map[pix] = grid but, when try execute code power spectrum. specifically, : cl = hp.anafast(healpix_map[pix], lmax=1024) i error: typeerror: bad number of pixels if point me tutorial or edit code great. more specifications: data in 2d np array , can change numrows/...
Read more

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