Wpis z mikrobloga

Trochę #chwalesie, bo to mój pierwszy taki duży wytwór, co prawda jeszcze nie gotowy, ale też chętnie bym wysłuchał Waszych uwag odnośnie tego, co można by zrobić lepiej i poprawić.

http://asterysk.pl/mmsurvey/

Potrzebuję też, i serdecznie prosiłbym o radę w tym zakresie, aby navbar był fixed-top, ale aby zmieniał wysokość po przewinięciu strony w dół. O ile w CSS wiem, jak sobie zmienić wymiary, to zastanawiam się (a z JavaScriptu jestem cienki) jak odpowiednio załatwić sprawę offsetu, który musiałby być dynamiczny.

Mam też problem z tym, aby strona, jeśli wywołana na przykład z parametrem #modelling-3d, też automatycznie uwzględniała offset. Obecnie offset mam zadeklarowany w 4 miejscach:

1. CSS (po to, aby strona bez parametrów ładowała się z odpowiednim przesunięciem):

body {
padding-top: 110px;
position: relative;
}

2. HTML (dla scrollspy):
``

3. JavaScript (dla smoothScrolla):

$(".navbar a[href^='#']").on('click', function(e) {e.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top -110
}, 1000, 'easeOutQuint', function(){
window.location.hash = hash;
});});

I już nie wiem, jak to zrobić, żeby działał i scrollspy i smoothscroll i żeby ładowanie z/bez parametrów też wyświetlało odpowiedni offset.

t.....l - Trochę #chwalesie, bo to mój pierwszy taki duży wytwór, co prawda jeszcze n...

źródło: comment_Qu7dNWDxLtfNxtf6X4st0JaxUUflgpEZ.jpg

Pobierz
  • 9
  • Odpowiedz