положение: липкое не работает

Question

положение: липкое не работает

«ProgramFiles (x86)» - это переменная среды, автоматически определяемая cmd.exe (как 32-разрядная, так и 64-разрядная версии) только для 64-разрядных компьютеров Windows, поэтому попробуйте следующее:

@ECHO OFF

echo Check operating system ...
if defined PROGRAMFILES(X86) (
    echo 64-bit sytem detected
) else (
    echo 32-bit sytem detected
)
pause

13

sticky navbar position css

задан Wolfuryo 6 August 2017 в 08:45

1 ответ

Другие вопросы по тегам:

sticky navbar position css

Похожие вопросы:

score 0 · Answer 1

Добавление большего количества содержания после военно-морской внутренний заголовок обеспечивает липкое поведение, но только на мгновение - если пользователь прокручивает слишком много вниз, военно-морской , исчезнет с заголовок , так как это не может выскочить ниже заголовок нижняя граница.

Таким образом, единственное решение с чистым CSS состоит в том, чтобы поместить военно-морской внутренний элемент, который частично видим даже после того, как пользователь завивается к концу страницы (непосредственно в тело или в своего рода контейнере, который охватывает к концу страницы или по крайней мере к нижняя сноска ).

, Если это решение не возможно, другой путь состоит в том, чтобы использовать JavaScript. Прежде, чем перейти к CSS, я использовал следующий код (найденный подобным решением jQuery где-нибудь давным-давно, не помните, где, таким образом, кредит идет к анонимному автору; Ванильный JS может быть легко получен из этого):

$(document).ready(function () {
    var sticky_navigation_offset_top = $('nav').offset().top;
    var sticky_navigation = function () {
        var scroll_top = $(window).scrollTop();
        if (scroll_top > sticky_navigation_offset_top) {
            $('nav').css({
                'position': 'fixed',
                'top': 0,
                'left': 0,
                'right': 0,
                'margin-left': 'auto',
                'margin-right': 'auto'
            });
        } else {
            $('nav').css({
                'position': 'relative'
            });
        }
    };
    sticky_navigation();
    $(window).scroll(function () {
        sticky_navigation();
    });
});