Scroll to anchor with fixed header, content hidden behind header, margin and top padding not working

javascript header scroll anchor fixed
Commandrea picture Commandrea · Jan 29, 2011 · Viewed 14.5k times · Source

I'm using smoothscroll.js to navigate my site. It stops on the correct anchor in Firefox, however in Chrome it passes the point on the first click of the link, and pushes the content to the top, hiding the content behind the page. then if you click it again, it aligns correctly. I've seen the problems on other sites as well. Curious to see if others have the same problem. Chrome seems to ignore any top padding or margin or positioning (example: top:20%;).

Answer

Commandrea picture Commandrea · Feb 8, 2011

SOLVED: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

There are several methods available.

Related questions

In Node.js, how do I "include" functions from my other files?

Let's say I have a file called app.js. Pretty simple: var express = require('express'); var app = express.createServer(); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.get('/', function(req, res){ res.render('index', {…

Read More
Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers

I'm trying to send files to my server with a post request, but when it sends it causes the error: Request header field Content-Type is not allowed by Access-Control-Allow-Headers. So I googled the error and added the headers: $http.post($…

Read More
Javascript : Send JSON Object with Ajax?

Is this possible? xmlHttp.send({ "test" : "1", "test2" : "2", }); Maybe with: a header with content type : application/json?: xmlHttp.setRequestHeader('Content-Type', 'application/json') Otherwise I can use: xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded') and then JSON.stringify the JSON object and send it …

Read More