Results 1 to 2 of 2

Thread: Sticky Content script

  1. #1
    Join Date
    May 2013
    Thanked 0 Times in 0 Posts

    Default Sticky Content script

    1) Script Title: Sticky Content script

    2) Script URL (on DD):

    3) Describe problem: Try as I might, I am unable to get this to work with an attached css3 menu and style sheet. I am really new to coding, so could use some help. I got the demo to work just fine, but am unclear as to where to place the components, when my css style sheet is separate.


    <script type="text/javascript" src=""></script>
    <script src="stickycontent.js">
    * Sticky Content script (c) Dynamic Drive (
    * This notice MUST stay intact for legal use
    * Visit for this script and 100s more.
    //initialize sticky content:
    		gap: 5,
    		stickyclass: "docked"
    Is as you can see just before the </head> tag.

    I put this:
    .docked {
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla duration version*/
    -o-transition-duration: 0.5s; /*Opera duration version*/
    -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
    -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
    box-shadow:0px 0px 30px gray; /*CSS3 shadow version*/
    here as it is at the end of the little bit of css on my html page.

    I also tried putting it in here:

    <!-- Start HEAD section -->
    <link rel="stylesheet" href="../Documents/GUTCHES/horizontalmenutest_files/css3menu2/style.css" type="text/css" />
    <!-- End HEAD section -->
    but that didn't do it either.

    Any help is greatly appreciated!
    Last edited by Beverleyh; 05-28-2013 at 09:56 PM. Reason: Formatting

  2. #2
    Join Date
    Jul 2008
    Derbyshire, UK
    Thanked 431 Times in 429 Posts
    Blog Entries


    Its hard to tell what the problem is without seeing a complete web page.

    From the code fragments you've posted, all I can say is to;

    - make sure that you've enclosed internal CSS in <style> tags
    - make sure that an external stylesheet is uploaded to the location specified (in the href) and check file names/case
    - remember that older browsers won't render CSS3 styles/animations/transitions

    For more help, please post a link to your page and confirm which browsers you're testing in.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Sticky Content script
    By munirvazir in forum Looking for such a script or service
    Replies: 1
    Last Post: 07-12-2012, 12:25 AM
  2. Sticky Content script change position.
    By taghaboy in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 05-20-2012, 10:27 AM
  3. Resolved Sticky Content script and drop down menu
    By taghaboy in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-20-2012, 04:05 AM
  4. Sticky Content script: Google Adsense Ad
    By adventureguys in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 03-26-2012, 11:05 AM
  5. Sticky Note Dynamic Content Script
    By jjvoice in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 07-24-2006, 07:11 PM


Posting Permissions

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