4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Plugin: Infinite Scroll - not working...

by taskemann
3 replies
  • WEB DESIGN
    • |
Hi,

I've tried for hours now but I can't get the Infinite Scroll plugin to work!

I have 13 posts, but I've limited the number that will be shown to 9 posts in order to see if the plugin works.

The site is: -----

The element/element class IDs' that I've added is:

Content selector: #main-post
Navigation Selector: #main-menu
Next Selector: div.navigation a:first
Item Selector: #main-post li.post
Do anyone know what I've done wrong?



Thanks,

Jimmy
#infinite #plugin #scroll #working
  • Profile picture of the author David V
    Originally Posted by taskemann View Post

    Hi,

    I've tried for hours now but I can't get the Infinite Scroll plugin to work!

    The element/element class IDs' that I've added is:

    Do anyone know what I've done wrong?

    Thanks,

    Jimmy
    You might have to play with a couple of these.
    You have the word "div" under the Next Selector, don't need that, just the id or class.
    Right click view source on the front-end while your trying these and you should be able to narrow it down pretty quick.

    Code:
    Content selector: #posts

Item Selector: #posts .postmain
    {{ DiscussionBoard.errors[7628758].message }}
  • Profile picture of the author taskemann
    Thanks David.

    But I've tried and tried now but I can't get it to work

    Can anyone that have more knowledge about CSS and classes than me please view my source and help me? As I've understood, it shouldn't be difficult.
    {{ DiscussionBoard.errors[7629997].message }}
  • Profile picture of the author taskemann
    The Infinite Scroll plugin works now.

    The problem was the hyphens I added to the classes. Somehow they were double even if they was displayed as single hyphens.

    But now I have another problem... The plugin hides my menubar on the index page! I can find the menubar in the source code, but it won't display. :confused:

    **UPDATE**

    Fixed it! I created a false menu by creating a empty div ID right under the real menu's div ID and inserted this div ID into the plugin's settings instead.
    {{ DiscussionBoard.errors[7630479].message }}

Trending Topics