Jump to content

Search the Community

Showing results for tags 'scrollspy'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 9 results

  1. Scroll Spy & Posts Title

    Hi All,   I would like to add the scroll spy bar just below the menu bar on my home page:   http://www.francescofornaro.com   Inside the bar I'd like to show the last 3-4 titles to my blog posts and link them. Is it possible?   Thank you so much,   best regards.     Edited: I'm not so sure that Scroll Spy is the proper section I have to use. Basically I want a "bar" below the menu with my posts title scrolling inside. Nothing more.
  2. I like scrollspy, a lot. One thing I would like to be able to do is have the last item in the bar be one that goes to a different page on the site, rather than on-page below. Is this possible? Thanks in advance.
  3. scrollspy styling issue

    Hello, I'm working on a restaurant website and I would like the menu page to have a vertical navigation that scrolls with the content. Basically, I want the menu to work exactly like bootstrap's affix javascript. Check it out here: http://twitter.github.io/bootstrap/javascript.html#affix Another good example is here: http://tangorestaurant.com/menus.php I know that pagelines has included a lot of bootstrap's library but I'm assuming that affix was left out because of the scroll spy section. Which leads me to my next question. Is there a way to style the scrollspy section so it behaves like the vertical menus in the pages that I provided links for? Thanks,
  4. On the sections demo page found here (http://demo.pagelines.me/sections/) there is scroll spy enabled that moves down each section. When I downloaded and installed the demo content the sections were all setup (masthead, banners, boxes, etc) but scroll spy doesn't move between those sections. The issue scroll spy needs both a class and title attribute. However I don't think I can add that to sections. I can add some HTML to the content, but that is one block only, not interspersed throughout the page. The demo page seems to be setup like this [sroll Spy] [html with scroll spy classes and title for boxes] [boxes] [html with scroll spy classes and title for banners] [banners] [html with scroll spy classes and title for masthead] [Masthead] I can only figure out how to do the following: [sroll Spy] [html with scroll spy classes and title for boxes] [boxes] [banners] [Masthead] How do I get the ability to inject raw html between the sections in a template? Attached is a screenshot on how it looks on my development site.
  5. How do I go about adding icons (fontawesome icon font) to Scrollspy menu items and other shortcodes built into PageLines? <div class="scroll-header page-header" title="Key Terms"> <h1 style="text-align: center;">Key Terms <span style="color: #999999;"><small>that you need to know </small></span></h1> </div> In the above code, if I wanted to place an icon in the title, how would I do that? Adding "<i class="icon-ok"></i>" seems to break it. What am I missing or is this not possible? Thanks.
  6. Ok, so I've been jacking with this scrollspy for a while now... first adding content to the "appropriate" area... the content section. Works great, looks like shit. I'd like my own services page to replicate the look of the PageLines "sections" demo page, with the scrollspy scrolling to the different sections being shown. I've added my own box sets, and messed around with the html side of the content box in each individual box to try and get results with no dice. I've read twice now that the scrollspy was not designed to do what I'm asking for, however, the PageLines demo page clearly uses this functionality... something i'm sure many users were expecting to be able to replicate because it was demonstrated on the demo. If I could get some personal help getting this set up I'd spend the time to get a proper walkthrough up outlining how to get this functionality working on customers' sites. *Even downloading the dat file and sample content on a separate installation of WordPress did not yield the same results as the "official" demo page. The scrollspy on the separate installation was not "active" - meaning the default "how-to enable" instructions were being shown, and not the nav links to sections as they shouldve been.
  7. Scrollspy appears to functions correctly but will not display the title of my section in the actual bar itself. I have tried everything I can think of, even copying the html of Pagelines tools page itself, only to get the same result. The scrollspy is linking to content on a page, not a section. Would really like to utilize this feature on the about page to display content from several small pages on one. Any help would be appreciated. Thanks in advance. Also checked these links, but find that they are lacking in detail: http://demo.pagelines.me/sections/#spyID7 http://www.pagelines.com/wiki/How_to_Use_ScrollSpy Screenshot: Code: <div id="spyID1" class="scroll-header page-header" title="About"> <h1 class="zmt">About<small> Lake City Community Theatre</small></h1> </div> The mission of the Lake City Community Theater is to cultivate a community of educated and involved consumers of the arts by providing trained supervision through the staging of dramatic and musical productions for the benefit of people living in Lake City and the surrounding areas. <div class="row"> <div class="span6"> <h2 style="text-align: center">Contact Information</h2> <p style="text-align: center">Lake City Community Theatre PO Box 726<br /> Lake City, SC 29560<br /> (843) 374-8611</p><br /> <h5 style="text-align: center"><a class="btn btn-primary btn-large" href="http://goo.gl/maps/YD20r" target="_blank">Get Directions →</a></p> </div> <div class="span6">[googlemap width="100%" height="300" address="125 South Blanding Street Lake City, SC"]</div> </div>
  8. Scrollspy not working perfectly

    Screenshot of initial page load (i.e. didn't click anything yet): http://screencast.com/t/vPDH1KmWlrSn Live site: http://www.myrcloan.com/ Please explain why this is happening or please fix PageLines, whatever's needed. Thank you very much.
  9. Scrollspy problem

    Hi I'm using the Scrollspy section on one of my pages. The action works great, whizzing down to the relevant section of the page and back, the menu sticking to the top of the page. My problem is that the highlight of the 'current' section (which I have styled orange). As soon as you scroll down the page the last button get the current styling, which then stays... The custom css styling hasn't caused this, as it happens with or without. This is the relevant page thanks kk