Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
3 / 3 / 4
Регистрация: 21.02.2016
Сообщений: 207
1

Скрипт headhesive для клонирования шапки сайта

31.07.2016, 16:59. Просмотров 796. Ответов 0
Метки нет (Все метки)


Всем хорошего времени суток! Создаю сайт http://infocar.pro/ использую стартовую тему wordpress - Underscores, хочу сделать клон меню с помощью headhesive.js, что бы при скроллинге меню оставалось прилипшим, опции взял отсюда https://github.com/markgoodyea... ree/master в уроках говорится что этот скрипт клонирует шапку, а так как меню не имеет отношение к шапке, имеет другой класс, здесь сказанно что можно сменить класс
Javascript
1
2
// Create a new instance of Headhesive
var header = new Headhesive('.header');
я прописываю код так
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Липкая шапка //
 
    // Create a new instance of Headhesive
    var header = new Headhesive('.main-navigation');
 
    // Options
    var options = {
        offset: 400
    }
 
    // Create a new instance of Headhesive.js and pass in some options
    var header = new Headhesive('.main-navigation', options);
 
    // Липкая шапка end //
в css прописываю код так
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.main-navigation {
    clear: both;
    width: 100%;
    border-top: 2px solid #f9e491;
    padding: 12px 0;
    text-align: center;
}
 
.headhesive {
    clear: both;
    width: 100%;
    border-top: 2px solid #f9e491;
    padding: 12px 0;
    text-align: center;
    position: fixed;
    transform: translateY(0%);
}
стиль подключил в header.php
PHP
1
2
<!-- Headhesive script -->
<script src="http://infocar.pro/wp-content/themes/infocar/libs/headhesive/headhesive.min.js"></script>
опции Headhesive.js прописывал здесь /infocar.pro/wp-content/themes/infocar/js/customizer.js вообщем нихрена не работает, может в других местах нужно прописывать код? Подскажите пожалуйста, второй день голову нагреваю.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
31.07.2016, 16:59
Ответы с готовыми решениями:

Как написать скрипт для уменьшения картинки и фиксации шапки сайта
Есть вот такой сайт https://businessasmission.com/. Хочу повторить его шапку, но у меня не выходит...

Вёрстка шапки для сайта
Здравствуйте! Не так давно начал увлекаться HTML. И вот встала такая задача. Никак не могу написать...

Верстка шапки для сайта
Помогите сверстать шапку для сайта при помощи div 1 div логотип 2 div название сайта 3 div поиск...

Какой скрипт нужен на сайте для работы резиновой шапки на телефоне?
Здравствуйте, я написал код для ширины экрана 360px и меньше который работает на компьютере при...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.07.2016, 16:59

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Вёрстка скошенного фона для шапки сайта
Подскажите плз как сделать фон для шапки сайта как на картинке? У меня фон не выходит за...

Как правильно нарезать изображение для шапки сайта?
Проблема в следующем - я новичок в этом деле, и я не понимаю по какому принципу обрезают...

Подкоректируйте код для шапки сайта! Заранее спасибо
Подскажите как вставить шапку в HTML и CSS Ширина и высота нашей шапки 973x249 pading:0;...

Делаю бесплатно GIF баннеры шапки для сайта логотипы и другие графические изделия
Делаю бесплатно за + отзыв и только для сайтов несложные GIF баннеры шапки для сайта логотипы ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.