прокручиваемое плавное изображение в WordPress - PullRequest
Новая
       19

прокручиваемое плавное изображение в WordPress

0 голосов
/ 20 сентября 2011

Я хочу реализовать плавающее изображение, которое будет прокручиваться вверх / вниз, когда пользователь прокручивает страницу.

Я погуглил код, который работает потрясающе на тренировочной доске, но когда я его вставляю (в самый разперед тегом end-body, как указано) в моем Wordpress footer.php, он просто сидит и не прокручивается при прокрутке ...

Код выглядит следующим образом: 

<script>

if (!document.layers)

document.write('<div id="divStayTopLeft" style="position:absolute">')

</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->

<a href="google.ca"><img src="http://nailian.ca/wp-content/uploads/misc/coupon.png"></a>

<!--END OF EDIT-->

</layer>


<script type="text/javascript">

//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()

{

    var startX = 3,

    startY = 150;

    var ns = (navigator.appName.indexOf("Netscape") != -1);

    var d = document;

    function ml(id)

    {

        var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

        if(d.layers)el.style=el;

        el.sP=function(x,y){this.style.left=x;this.style.top=y;};

        el.x = startX;

        if (verticalpos=="fromtop")

        el.y = startY;

        else{

        el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

        el.y -= startY;

        }

        return el;

    }

    window.stayTopLeft=function()

    {

        if (verticalpos=="fromtop"){

        var pY = ns ? pageYOffset : document.body.scrollTop;

        ftlObj.y += (pY + startY - ftlObj.y)/8;

        }

        else{

        var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

        ftlObj.y += (pY - startY - ftlObj.y)/8;

        }

        ftlObj.sP(ftlObj.x, ftlObj.y);

        setTimeout("stayTopLeft()", 10);

    }

    ftlObj = ml("divStayTopLeft");

    stayTopLeft();

}

JSFX_FloatTopDiv();

</script>

Ссылка будет здесь: http://nailian.ca/

1 Ответ

1 голос
/ 20 сентября 2011

Я думаю, что стиль CSS position: fixed - это то, что вам нужно здесь.

Вот пример .

...