wry
Newbie-
Posts
10 -
Joined
-
Last visited
wry's Achievements
Explorer (1/14)
0
Reputation
-
Шёл третий день. Мои руки не стали прямее. Я перевтыкал этот код куда только можно, но результат не изменился. Залил пример на тестовый домен http://www.vrhd.ru/ Если со страницы http://www.vrhd.ru/ кликнуть по ссылке "Главная", то все будет ок. Если со страницы http://www.vrhd.ru/second.html кликнуть на "Главная", то будет аналогичная плавная прокрутка, а надо, чтобы открылась главная. Тут оно в архиве http://www.vrhd.ru/test.rar, если есть желающие рискнуть доделать эту задачу, я с радостью отблагодарю.
- 5 replies
-
- внешняя ссылка
- плавный переход
-
(and 1 more)
Tagged with:
-
Всем привет. Второй день пытаюсь решить следующую задачу: на главной странице сайта есть ссылка якорь, при клике на которую, страница плавно скролится к нужному блоку. Как сделать, чтобы ссылка на этот блок срабатывала с внешних страниц? Подробнее. Что имеем: меню с одной ссылкой-якорем <nav> <ul class="menu"> <li><a href="#scroll">Главная</a></li> <li><a href="link1.html">Внутренняя 1</a></li> <li><a href="link2.html">Внутренняя 2</a></li> </ul> </nav> вызывается через инклуд <?php include('system/menu.php') ?> Находясь на странице site.ru, при клике по "Главная" страница плавно скролится вниз к блоку id="scroll" с помощью этого скрипта $(document).ready(function(){ $('a[href*=#]').bind("click", function(e){ var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top-100 }, 1000); e.preventDefault(); }); return false; }); При попытке перейти с внутренней страницы сайта к нужному блоку на главной, ничего не происходит. Попробовал изменить ссылку на http://site.ru#scroll. теперь переход с внешних ссылок работает, но не работает скролл на главной. Как сделать, чтобы ссылка корректно срабатывала в обоих вариантах? Подозреваю нужно что-то исправить в коде js, но с этим языком я не знаком. Заранее благодарю за помощь.
- 5 replies
-
- внешняя ссылка
- плавный переход
-
(and 1 more)
Tagged with:
-
Приветствую. Подскажите, пожалуйста, каким образом можно сделать вывод конкретных значений из файла php в html? За пару часов гугления получилось сделать как-то так: Товар1 - <?php include ('price.php'); echo "$tovar1"; ?> Товар2 - <?php include ('price.php'); echo "$tovar2"; ?> Все работает, но, подозреваю, вставлять include много раз на странице не совсем верное решение. Как это делать правильно? PS: c php не знаком
-
Удалось сделать способом от by chris function getWindowWidth() { return window.innerWidth || document.body.clientWidth; } if (getWindowWidth() <= 768) { window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } } Спасибо всем за участие.
-
Меню идут не подряд. А через display: table-...; не получится.
-
Спасибо за ответы. Great Rash, сделал так: var mediaQuery = window.matchMedia('(min-width: 500px)'); if (mediaQuery.matches) { window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } } Скрипт выполняется на всех разрешениях. by chris, ваш ответ, для меня, еще менее очевиден. Я совсем не секу в JS. По задумке должно быть вот так: <ul class="menu2"> <div id="b2"> <li>1</li> <li>2</li> </div> </ul> <ul class="menu1"> <li>3</li> <li>4</li> <div id="b1"></div> </ul> <!-- При разрешении меньше 768px --> <ul class="menu1"> <li>3</li> <li>4</li> <div id="b1"></div> <li>1</li> <li>2</li> </ul>
-
Подскажите, пожалуйста, как запустить выполнение этого скрипта, при разрешении экрана 767 и меньше. window.onload = function(){ var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); b1.parentNode.insertBefore(b2, b1); } Я так понимаю, надо куда-то впаять строку if (screen.width <= 767), но методом тыка, в этот раз, не вышло.
-
Разобрался. Поставил блоки по 49% и сделал синий фон общим блоком. Такие вот грабли.
-
Всем привет. Есть адаптивный сайт, на нем два блока по 50% распределены по ширине. Выглядит это так: <div class="fiftypercent"><div id="servicemap">Тут яндекс карта</div></div><!----><div class="fiftypercent"><div id="servicezone">Тут текст</div></div> .fiftypercent{display:inline-table;width:50%;} Если это открыть через explorer или mozilla, то при сужении окна браузера эти два блока будут "прыгать", посмотреть можно здесь. Обычно такое бывает, если не убран пробел <!-- -->, но тут все на месте. Если вместо карты вставить, например, текст, все будет корректно сужаться. У карты стоит ширина 100%.