Hi friends,

http://www.chevalblanc.com/randheli/en/56-unique-experiences.html

Examples of the other layer to pass on this page How do I particularly like the scrolling with the mouse

How can I pass a little bit when you scroll with the mouse, the other layer.

Please scroll your mouse on the page to get a better understanding.

Recommended Answers

All 4 Replies

Are you asking how you can scroll little by little instead of a complete section at a time? Or the opposite?

I want to get down a little bit slow, but the scrolling with the scroll mouse atlas particularly other layer directly

Hi,

I have found there is a plugin called mousewheel https://github.com/brandonaaron/jquery-mousewheel for the scrolling functionality.

Also for the vertical Carousel you could use something like this:

<head>
<style>
#carousel {
        height: 80px;
        overflow:hidden;
    }

    #carousel ul {
        height: 80px;
        padding: 0;
        margin: 0;
        width: 180px;
    }

    #carousel ul li {
        height:80px;
        text-align: center;
        width: 180px;
        list-style: none;
        float:  left;
    }

</style>
</head>
<body>
<div id="carousel">
<ul>
<li> you could put an image for these</li>
<li> list item two </li>
<li> list item three </li>
<li> list item four </li>
</ul>
</div>
<script type="text/javascript" src="jquery-1.7.2.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
    var t = setInterval(function(){
        $("#carousel ul").animate({marginTop:-80},1000,function(){
            $(this).find("li:last").after($(this).find("li:first"));
            $(this).css({marginTop:0});

        })
    },3000);
});
</script>
</body>

Thank you piers,

change, but I want to do is ensure that you move up and down with the mouse

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.