BlueOwlCreative » Topic: Problem with anchor link

Problem with anchor link

totogigi — Tue, 26 Apr 2016 10:30:39 +0000

Hello, i have a problem with anchor links into my single home page:

http://www.lumendesign.eu/dev/sek

the anchors, especially with device in landscape view, aren’t really precise. How can i fix it better please?

Thanks
Alberto

Reply To: Problem with anchor link

totogigi — Tue, 26 Apr 2016 12:53:49 +0000

I add a thing. I have made a test, disabling smooth_scroll inside each menu item, and the point where stop the page change. Hope will be helpful to solve the problem.

Alberto

Reply To: Problem with anchor link

totogigi — Tue, 26 Apr 2016 15:06:54 +0000

(now i have to publish the website so i have used a plugin to solve but i hope you will solve the bug)
Alberto

Reply To: Problem with anchor link

totogigi — Tue, 26 Apr 2016 17:52:48 +0000

Hi, also with the plugin, the problem still remain. It seems that it can’t consider that in mobile, the top menu disappear.

Reply To: Problem with anchor link

BlueOwl — Wed, 27 Apr 2016 07:44:49 +0000

Hi there,

The whole smoothscroll for single page logic is here in the common.js:

smoothScroll.init({
	selector: '[rel="smooth_scroll"]',
	selectorHeader: '#header.sticky_header', // Selector for fixed headers
	speed: 500, 
	easing: 'easeInOutQuart',
	updateURL: false,
	offset: 0,
});

You can play around with the “offset” value if you want to set one.
Also notice the selectorHeader option, if you remove that it will disregard the sticky header height that it currently adds into the math.
Basically these 2 options are all you need to play around with to get your desired effect.

Reply To: Problem with anchor link

totogigi — Wed, 27 Apr 2016 07:57:01 +0000

Hi, i have removed selectorHeader: ‘#header.sticky_header’ and now it works.

Thanks a lot!
Alberto