Home/ Questions/Q 8663451
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T16:59:16+00:00

I have a problem with my horizontal scroll. When I inspect in chrome I

  • 0

I have a problem with my horizontal scroll. When I inspect in chrome I don’t see errors. Could you tell me where is the problem because I can’t find it ?

<html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

    <script>
        $('#right-button').click(function() {
        $('#content').animate({
        marginRight: marginRight -"200px"
        }, "fast");
        });
        $('#left-button').click(function() {
        $('#content').animate({
        marginLeft: marginLeft +"200px"
        }, "fast");
        });
    </script>
    <style type="text/css">
        #browser {
            float: left;
            width: 300px;
            overflow: hidden;
            white-space: nowrap;
        }
    </style>
    ​
</head>
<body>
    <div id="browser">
        <a href="#" id="left-button">BACK</a>
        <div id="content">
            This is the content of the text which should be scrolled.
        </div>
        <a href="#" id="right-button">NEXT</a>
    </div>
    ​
</body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re referring to marginRight which isn’t a variable defined in your page.

    Replace

    $('#content').animate({
    marginRight: marginRight -"200px"

    by

    $('#content').animate({
    marginRight: "-=200"

    From the documentation :

    Animated properties can also be relative. If a value is supplied with
    a leading += or -= sequence of characters, then the target value is
    computed by adding or subtracting the given number from the current
    value of the property.

    There is another logical problem if I guess your intent : you can’t play like this with both left and right margin. See the Demonstration to see what can work.

    • 0