• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to find the JS code that initiates the scroll to id function?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › How to find the JS code that initiates the scroll to id function?

This topic is: not resolved

Tagged: Altitude Pro, scroll to id

  • This topic has 4 replies, 2 voices, and was last updated 6 years, 7 months ago by SavvyPro.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 10, 2019 at 1:46 pm #495395
    SavvyPro
    Participant

    I am using Altitude pro child theme and I am trying to find where the .js file is that is behind the scroll to effect when a menu item is clicked on, but I am having issues trying to hunt it down using the Chrome Dev Tools > Sources section.

    If anyone can provide some help here that would be great!

    Thank you

    https://rainforestconstruction.com/
    December 10, 2019 at 8:01 pm #495400
    AnitaC
    Keymaster

    It's in the /js file folder of the theme.


    Need help with customization or troubleshooting? Reach out to me.

    December 11, 2019 at 5:01 pm #495450
    SavvyPro
    Participant

    I know that, but there are several .js files in there and I wanted to know if there is a way to detect which specific file is controlling this effect using the Chrome Dev Tools.

    I found the JS file, it's in the home.js file, but there must be a way to detect the file using web dev tools.

    December 11, 2019 at 5:08 pm #495452
    AnitaC
    Keymaster

    @the-ratzenator You didn't provide that much information to the forum that you knew that. If you open the file you will see a Home file and inside that file is the SCROLL TO code.

    Sometimes just opening up files and looking in there, you'll find some of those things. It's part of the learning process.


    Need help with customization or troubleshooting? Reach out to me.

    December 11, 2019 at 7:14 pm #495457
    SavvyPro
    Participant

    That's because I had just found it and besides, it was irrelevant since the primary concern is if there are tools that exist that can identify which .js file is responsible for a certain effect.

    I can take this to stackoverflow, that's no problem, but wanted to ask here.

    I am learning quite a bit, Anita.

    Thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble