javascript - Website not completely scrollable when using skrollr on mobile -


i have hard time getting skrollr work on mobile browsers: on desktop computer works fine when using safari ios page not scrollable. can scroll e.g. until second paragraph no further.

i've tested safari on ios not other mobile browsers.

paradoxically works on jsfiddle preview i've created: http://jsfiddle.net/gatl4ttn/3/ http://jsfiddle.net/gatl4ttn/3/embedded/result/

it not work self hosted version: http://www.finiam.de/test

     <div         class="parallax-image-wrapper parallax-image-wrapper-100"         data-anchor-target=".gap"         data-bottom-top="transform:translate3d(0px, 200%, 0px)"         data-top-bottom="transform:translate3d(0px, 0%, 0px)">          <div             class="parallax-image parallax-image-100"             style="background-image:url(http://placekitten.com/g/2000/1000)"             data-anchor-target=".gap"             data-bottom-top="transform: translate3d(0px, -80%, 0px);"             data-top-bottom="transform: translate3d(0px, 80%, 0px);">       </div>         <!--the +/-80% translation can adjusted control speed difference of image-->     </div>       <div id="skrollr-body">         <div class="gap gap-100" style="background-image:url(http://placekitten.com/g/2000/1000);">         <div class="row">           <div id="abc" class="col-sm-6 col-sm-offset-3">             <h1>lorem ipsum dolor sit amet.</h1>             <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor. aenean massa. cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>             <a href="#" class="btn btn-default" title="lorem ipsum dolor sit amet.">a hyperlink</a>           </div>         </div>       </div>         <div class="content" id="main">          <div class="row">           <div class="col-sm-6 col-sm-offset-3">             <h1>lorem ipsum</h1>               <p>                 donec dui ante, posuere sit amet rutrum vel, suscipit lacinia nisl. praesent euismod erat sed tempor iaculis. integer luctus est vel nulla dapibus porttitor sit amet eget ante. nullam eleifend leo lacinia rutrum gravida. nunc convallis, lacus sed malesuada gravida, justo urna aliquam mi, sit amet sollicitudin lacus urna non mauris. vivamus ante lectus vestibulum aliquam et quis sapien. vivamus nec augue interdum, mollis risus eu, tempor libero. curabitur @ tempus dui. mauris cursus massa @ sodales semper. aenean varius dui consectetur enim sagittis consectetur.               </p>               <p>                  bla bla bla bla               </p>           </div>         </div>       </div>     </div>

this driving me mad , appreciated.

nico,

it appears though skrollr-body getting confused div called gap. try this:

remove .row div .gap div, , delete .gap div entirely.

take , add 200px (or many works design) of padding bottom of .row:

.row{ padding-bottom: 200px; }

with .gap removed, , padding on row element, should synthesize need.

i suspect .gap issue because when inspected element in chrome, highlighted skrollr-body around .gap div.


Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w
Read more

php - $params->set Array between square bracket -

i'm using k2 in joomla 3.3. i'm trying set params (items ids ) module k2_content item.php file. result must between brackets, like: ["96","68"] my code is: $query = "select * #__k2_items extra_fields_search = '$myautor' , catid !=1 " ; $db->setquery($query); $losautores = $db->loadobjectlist(); $result = array(); foreach ($losautores $key => $value) { $result[] = '" '.$value->id.' "'; } $string_version = implode(',', $result); $autoresfinal = '['.$string_version.']'; if test using print, looks ok. passing var pramas, 1064 error. $params->set('items', $autoresfinal); to test tried $autoresfinal = ["96","68"]; and works fine. idea why doesn't work? thank you. if assign ["x","y"] assigning an array . here transforming array in st
Read more