Quando se implementa um design de tamanho fixo em SharePoint 2013 podem surgir alguns problemas com alinhamentos por causa da área de scroll. Vamos ver como podemos corrigir estes problemas.
O design tem um cabeçalho fixo, o scroll da página funciona apenas abaixo do cabeçalho. Quando a barra de scroll está visível, o cabeçalho e a área de conteúdo deixam de estar alinhados. Pode ver mais detalhadamente nesta imagem.
A barra de scroll está a desalinhar o design.
Para corrigir isto precisamos dar algum espaço extra ao body para ter em conta a barra de scroll. Também necessário ter a barra de scroll sempre visível. Assim:
/* deal with extra scrollbar width in #s4-workspace */
body {
margin-right: 17px; /* More info here: http://www.textfixer.com/tutorials/browser-scrollbar-width.php */
}
body #s4-workspace {
overflow-y: scroll; /* always show the scrollbar */
}
Agora tudo alinha correctamente.
