Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Jul 2008
    Posts
    114
    Thanks
    33
    Thanked 0 Times in 0 Posts

    Styling issue on jQuery scroller

    Hi,

    Please see URL http://backstageweb.net/StyleCity/.

    I am 90% of the way there styling the jQuery scroller in the text box area of the page, but can't quite get the positioning right. The scrollbar itself is too tall, and I don't know how to make it shorter, but the main issue is that when you pull down on the scrollbar, it goes PAST the end of the text (by quite a bit), and then when you try and go back up, you can only go back up about halfway (and see the latter half of the text). I'd be most grateful if someone can straighten me out on this.

    The source site for the jQ scroller is http://manos.malihu.gr/jquery-custom-content-scroller

    The suspect code:

    Code:
    #main{
    background:url(../images/CityBkgrnd.jpg) no-repeat;
    float:left;
    width:697px;
    height:579px;
    margin:0;
    padding:0;
    }
    
    #borderbox {
    border: 2px solid #e4e085;
    width:620px;
    height:265px;
    margin:272px 33px 0 36px;
    background:url(../images/TextBkgrnd.png) repeat;
    }
    
    #main .customScrollBox {
    height:265px;
    overflow:hidden;
    }
    
    #main .customScrollBox .container {
    position:relative;
    width:586px;
    float:left;
    }
    
    #main .customScrollBox .content {
    clear:both;
    }
    
    #main .dragger_container {
    position:relative;
    width:2px;
    height:220px;
    float:left;
    margin:10px 0 0 5px;
    background:#000;
    cursor:pointer;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }
    
    #main .dragger {
    position:absolute;
    width:2px;
    height:20px;
    background:#999;
    text-align:center;
    line-height:40px;
    color:#666;
    overflow:hidden;
    cursor:pointer;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }

  • #2
    Regular Coder
    Join Date
    Jul 2008
    Posts
    114
    Thanks
    33
    Thanked 0 Times in 0 Posts
    This is resolved. Sorry, don't know how to flag is as resolved.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •