Jump to content

Archived

This topic is now archived and is closed to further replies.

Buishi

Scrollspy link?

Recommended Posts

Buishi    0
Buishi

I could have sworn I read in the documentation somewhere about creating a scroll-spy link using HTML (something like <a href="somesection" rel="scroll-spy" class="btn">button</a>), but I can't find it where I expected to. Is this possible? Basically, I want to use scroll spy from the main menu, instead of a separate scrollspy section. Possible, or do I need a different plugin?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

I am not entirely sure what you mean to be honest, are you saying you want to use the WordPress menu system and have it use the scrollspy smooth scrolling ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Buishi    0
Buishi

Generally, I'd like to be able to create a link that goes to a scroll-spy section. Specifically, yes, I'd like to use the links in the menu for scroll-spying (verb?) a one-page site.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You can not use the WordPress menu to populate links in the ScrollSpy section, all links for the section are added via HTML code that you add to the page. There is no other way off adding links to the section.

 

http://docs.pagelines.com/tutorials/using-scrollspy


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

I think you are describing two different things. Scroll spy is a navigation that highlights where you are on a page. So if you want that, then add it to the header area and set up as described here (if you add it to fixed top, then you will have the strange effect when you scroll down the page of the fixed top area showing a blank space, after the scroll spy drops down

 

If you want to have a menu with anchors that navigate to a set place on the page then you set those up by using the link option when configuring a WP-admin menu. For the link, use #YourAnchorName, your title and then in page add <span id="YourAnchorName"></span> wherever you want the link to scroll to. However it will not show the anchor title as being active in the way that scroll spy does


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Buishi    0
Buishi

Thanks guys. The main thing I'm looking for is smooth scrolling to the anchor links. Bonus for highlighting the menu item. I know other plugins can do this, but ideally I wouldn't add another javascript file, for performance reasons.

Share this post


Link to post
Share on other sites
onlinedesigns4u+    1
onlinedesigns4u

Hi Guys, from the last comments made from Bushi "The main thing I'm looking for is smooth scrolling to the anchor links" & "I know other plugins can do this, but ideally I wouldn't add another javascript file, for performance reasons."

 

If i understand him correctly, its basically what i would like to know also. I have recently added 2-3 anchor links to about 50 of my pages on the website http://lovepattayathailand.com

 

 

Ive been looking at implementing scrolling transitions for the anchor links i have. Im not a programmer and jquery and javascript coding isnt something im familiar with so ive been looking at using some plugins for the job. The trouble is, like Bushi mentioned, i dont really want to be adding additional jquery scripts if i dont have to.

 

This scroll spy section uses the exact scrolling transition im looking for, but, i just want the transition effect added to my existing anchor links if possible (Like other plugins), if not, is it at all possible to use scroll spy without adding the additional navigation bar, just use it for creating different anchor link classes / id's?

 

Basically i want to know if i can use scroll spy transition effect for traditional anchor links? Im doubtful it can be done very easliy as im sure  it would have been mentioned in the docs already but i wanted to ask in case.

 

Also just to mention,  like the ALL other DMS sections, its not great that scroll spy only allows for single configuration to be used on a template, why we cant use sections and adjust settings on a per page basis i dont know.

 

Not all pages using the same template have the same content. One page might have 5 points of interest, some might only have 3. A basic "beer bar" page would have a "photo gallery" and a "Google map", so my scroll spy would have the titles "Photo Gallery" & "Map" in the nav.

But what happens when some of the beer bar pages have "Promotions" & "Food & Drink" as well? Do separate template need to be used for these pages, do i have to hide the titles somehow? It just seems like a bit of an oversight with templates / sections / global / local settings with DMS sometimes.

 

Any help, tips or advice is appreciated.

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×