нужен выход из ситуации
у меня на сайте стоит 2 скрипта, они конфликтуют, первый это перезвони мне находится сбоку настроен работает, когда я поставил стрелку верх на сайте первый не открывается, а именно из-за плавного поднятия наверх страницы в скриптах вобще не разбераюсь, но хочется найти выход из этой ситуации вот сами исхожники если есть кого-то ответ как это решить, буду очень благодарен. уважением Владимир
Это первый плагин перезвоните мне исходник его который в шаблоне стоит <body id = "body"> <link rel="stylesheet" href="/callme/callme.css" type="text/css" /> <script type="text/javascript" src="/callme/jquery.min.js"></script> <script type="text/javascript" src="/callme/jquery.storage.js"></script> <script type="text/javascript" src="/callme/callme.js"></script> <div id="callme"><input type="button" id="viewform" /></div> <div id="callmeform" class="hide-off"><div id="cme_cls"></div><h6>Заказать обратный звонок</h6> <table cellpadding="0" cellspacing="0"> <tr><td>Ваше имя</td></tr> <tr><td><input class="txt" type="text" maxlength="150" id="cname" value="" /></td></tr> <tr><td>Телефон</td></tr> <tr><td><input class="txt" type="text" maxlength="150" value="+7-" id="cphone" /></td></tr> <tr><td>Вопрос или комментарий</td></tr> <tr><td><input class="txt" type="text" maxlength="1000" id="ccmnt" /></td></tr> <tr><td> <input class="btn" type="button" value="Перезвоните мне"></td> </tr> </table> <div id="callme_result"></div> а это второй стрелка прокрутки сайта верх <p id="back-top"> <a href="#top"><span></span>Вверх</a> </p> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script> $(document).ready(function(){ // hide #back-top first $("#back-top").hide(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // scroll body to 0px on click $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> в скриптах вобще не разбераюсь но одаптировать их хочется очень, спасибо за внимания сылка на сайт http://okonnymir.ru вот еще css от второго плагина #back-top { position: fixed; bottom: 30px; /* отступ кнопки снизу */ margin-left: -150px; /* отступ кнопки слева (для указания отступа справа используйте margin-right) */ } #back-top a { width: 108px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* иконка стрелки (тег span) */ #back-top span { width: 108px; height: 108px; display: block; margin-bottom: 7px; background: #ddd url(up-arrow.png) no-repeat center center; /* в скобках указываем путь к иконке */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; /* скругленные углы */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #back-top a:hover span { background-color: #777; |
<p id="back-top"> <a href="#top"><span></span>Вверх</a> </p> *!* <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> */!* <script> $(document).ready(function(){ // hide #back-top first $("#back-top").hide(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // scroll body to 0px on click $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> Cтроку красным - уберите - эта библиотека у Вас уже подключена ранее на странице |
Цитата:
|
Часовой пояс GMT +3, время: 06:49. |