javascript - I am having trouble with a Js code for a parallax effect -

-

i trying make parallax effect landing page image stays still body paragraph below comes , on image. have works image still moves , white space shows on top.

js:

function scrollfooter(scrolly, heightfooter) { console.log(scrolly); console.log(heightfooter);  if(scrolly >= heightfooter) {     $('footer').css({         'bottom' : '0px'     }); } else {     $('footer').css({         'bottom' : '-' + heightfooter + 'px'     }); } }  $(window).load(function(){ var windowheight        = $(window).height(),     footerheight        = $('footer').height(),     heightdocument      = (windowheight) + ($('').height()) + ($('footer').height()) - 20;   $('#scroll-animate, #scroll-animate-main').css({     'height' :  heightdocument + 'px' });

thanks again help!

$('header').css({     'height' : windowheight + 'px',     'line-height' : windowheight + 'px' });   scrollfooter(window.scrolly, footerheight);  window.onscroll = function(){     var scroll = window.scrolly;      $('#scroll-animate-main').css({         'top' : '-' + scroll + 'px'     });      $('header').css({         'background-position-y' : 50 - (scroll * 400 / heightdocument) + '%'     });      scrollfooter(scroll, footerheight); } });

you don't need use jquery parallax effect on html page. simple css can satsify need.

.parallaxeffect { background-color: //color wanted or use background-image: url(your link); height: //your height background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: fixed; //fixed pic not change relative otherwise effect lost width: 100%;}  .parallaxtitle { //remove if don't need put title inside image font-size: 80px; color: #eee; margin-top: 10%; text-align: center;}       .yourcontent { max-width: 100%; position: relative; top: 400px; padding: 0px; font-size: 20px; background-color: #fff;}

your need apply below website sort, can advance modification in order fulfill requirement.


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more