1

I am working on a single page website. Framework used by me is Bootstrap. My question is regarding navigation bar. I want my navigation-bar to be transparent on first-page and as I scroll down it should become visible and be fixed as I continue to scroll down.

I am able to make it transparent on first-page but I am unable to make it appear on second page. It remains transparent.

Pls help me. I am a newbie. Thanks in advance

Improve this question
3
  • Provide some code, what you've tried, things we can build off of to help you. You've provided nothing for us to help you with. Commented Apr 23, 2016 at 7:04
  • A single page app with a second page? Commented Apr 23, 2016 at 7:06
  • like this codepen.io/paolopolix/pen/xVzYdO Commented Apr 23, 2016 at 7:16

2 Answers 2

Reset to default
1

You can make two navbars one will be transparent and one will be the fixed one and then use JavaScript onScroll and display CSS property for removing and adding your navigations.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

0

Sounds like you have to use JavaScript. If I understand right and you want the navbar on top transparent and if you begin to scroll no more transparent and then fixed to top?

Improve this answer

1 Comment

yes u get it right. i want it to appear transparent on first page and from second page it should be fixed

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.