Questions tagged [onepage-scroll]

45 questions
1
vote
2 answers

onepager in wordpress smoothscrolling is not working very wel only on contact section!other sections are working very wel?

I have build one pager website in wordpress, everything was working perfect untill I divided contact section in 2 sections. section-left and section-right . on the left-section I have paste wpform plug in code for contact-form. this is the HTML…
1
vote
1 answer

How to link One page navigation mixed with multiple pages?

I am new to development, so please excuse my lack of knowledge. I am attempting to create a one-page website with multiple pages inside. There is a main page, index.html, that is navigated through sections, but the problem is that when I go into one…
user17978613
1
vote
2 answers

TypeError fired in the Console when I click a menu item in a one-page scroll navigation

I am working on a one page scroll navigation. It's supposed to take the class "active" from one menu to another on scroll or when clicked, but I got this error in the console each time I click on any of the menu items: TypeError: $(...).offset() is…
Sam
  • 355
  • 1
  • 16
1
vote
0 answers

having problems understanding a tutorial on one page scroll-vanilla JS- no libraries

I was looking into one of the only few full page scroll codes which I have found so far, and wanted to somehow get the idea of what I should do by reversing the engineering but I'm noob and not good at understanding it pretty well, I don't…
AbeIsWatching
  • 159
  • 1
  • 11
1
vote
1 answer

Closing full screen JS menu on a one page website when menu links are clicked

I am having a play with a menu idea. I have very little JS knowlege so I want to know if what i am trying to achieve is doable. I have been playing with a multibox menu from codrops this menu From the looks of it the menu is designed to link to…
M.Smith990
  • 11
  • 2
1
vote
0 answers

jQuery one page nav marking wrong menu items

I'm using this little jQuery-Plugin in order to enable a smooth scroll to a specific place on the page and also to mark the currently active menu item, so when you scroll down, you see where you are in the menu. Now I do basically have the exact…
nameless
  • 1,483
  • 5
  • 32
  • 78
1
vote
0 answers

one page scrolling website using jquery

Hi Stackoverflow fellows, I want to create a website with one page scrolling but i don't want to use any external library. So i came-up with this technique, It works perfectly fine for a local test but i want to know if this piece of code is…
e-malik
  • 23
  • 7
1
vote
0 answers

Wordpress Implementing Onepage

The situation is, I'm currently creating a website from scratch for a client, one requirement is Wordpress, and the layout is a "One Page Layout". Since it's my first project developing a scratch theme for wordpress, I have question concerning the…
1
vote
1 answer

jQuery onepage-scroll with a scrollable div

I'm currently using the onepage-scroll plug-in to create a kind of slideshow / onepager. But within the page I also have a part of content through which I would like visitor be able to scroll (as the div overflows the screen). Is is possible to have…
user6847854
1
vote
0 answers

Adding Non-Hash Links to One-Page Navigation

This may be a stupid question but I've tried a couple things and can't seem to get it to work. I'm looking to simply add hard/external links to my current navigation, which is based on this.hash (it's a one-page site currently). The code is…
LM_
  • 11
  • 2
1
vote
2 answers

$anchorScroll in Ionic 2? Scroll to element with ID

any way to do $anchorScroll in ionic 2/Angular2 as of Angular 1.x? Trying to scroll to an element on page. I tried something like ng2-page-scroll https://github.com/Nolanus/ng2-page-scroll not sure if i m doing it right, i followed through the…
adrian li
  • 457
  • 8
  • 19
0
votes
0 answers

handleScroll and handleNavScroll, preventing one function while executing another?

I am trying to navigate(scroll) the one pager with onClick function in header, and at the same time have functionality to change navlink active classname while scrolling the page. When I reach the scroll position of About section, navlink About…
0
votes
0 answers

Using object method from an onclick function

I'm using a single page scroll with dot navigation which works perfectly, but cannot work with a header navigation. I'm using the script from https://github.com/fabeat/responsive-fullpage-scroll in a bootstrap 5.3 page and the script creates an…
0
votes
0 answers

I want to prevent the sequential class creation of buttons when clicking and scrolling at the same time

In one-page structure, I want to control the class of the button during scroll animation by the button, and control the class of the button when scrolling the window. In the current code, when the button is clicked, the button is sequentially…
0
votes
1 answer

JavaScript scrollIntoView gets randomly stuck

I have made a one-page website using HTML, CSS/Tailwind, and Vanilla JavaScript. The issue is that when I click on one of the navbar links sometimes it works, and sometimes it gets stuck; where it does not respond until I click multiple times on the…
Nour
  • 59
  • 1
  • 4
1
2 3