Почему этот html, css и javascript не работают с iScroll4? - PullRequest
Новая
       31

Почему этот html, css и javascript не работают с iScroll4?

1 голос
/ 29 июля 2011

Я создаю мобильный сайт.Мне нужно, чтобы заголовок был позиционирован: фиксирован (но мобильным, который не поддерживается), поэтому я использую iScroll4, потому что, похоже, это то, что я ищу.По какой-то причине я не могу понять, как это реализовать.

Вот мой HTML: 

<html>
<head>
<!--includes the iscroll.js file-->
</head>
<body>
<div id="header">
<!--header contents-->
</div>
<div id="wrapper">
<div id="scroller">
<!--a bunch of html that you probably don't care to see-->
</div>
</div>

Вот мой CSS: 

#scroller {
    position: absolute;
}

#wrapper {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    overflow: auto;
}

#header {
    background: #4B92DB;
    border: none;
    height: 175px;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

Ивот мой Javascript: 

var myScroll;
            function loaded() {
            myScroll = new iScroll('wrapper');
            }

            document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

Если у вас есть какие-либо идеи, они будут с благодарностью.

Ответы [ 2 ]

1 голос
/ 14 июля 2012

Чтение официальной страницы iScroll4 может вам помочь. http://cubiq.org/iscroll-4

Раздел: Начало работы. Есть 3 способа заставить его работать:

  1. Событие onDOMContentLoaded для запуска iscroll
  2. Событие onLoad для запуска
  3. встроенный, поместите код под HTML-бит, который вы хотите прокрутить

Все коды указаны на указанной странице.

1 голос
/ 30 июля 2011

Куда звонят твои loaded()?Это (или что-то подобное) может помочь: 

<body onload="loaded()">
...