Тема закрыта!
1. [автор] (1 май 2017, 07:46) [0/0] [0] [спам] [под]
[/code]
css
ajax
$(document).ready(function(){
$('#toggle').click(function(){
$('#panel').toggleClass('active');
});
});
а теперь внимание вопрос.
По задумке div с id=panel должен выплывать с левой стороны после получения значения class=upleft active значение он получает, а вот вылазить с лева никак не хочет.
В чём может быть проблема?
P.S. Библиотека jquery подключена
Изм. 8 раз. / Посл. изм. (1 май 2017, 07:54)
Есть следуюший код
html
[code]
open
здесь контент который должен выплывать
здесь контент страницы
[/code]
css
body { width: 100%; max-width: 980px; position: relative; overflow-x: hidden; }
.upleft { position: absolute; top: 50px; left: -250px; width: 240px; }
.upleft .active { left: 0px; }
.upleft { position: absolute; top: 50px; left: -250px; width: 240px; }
.upleft .active { left: 0px; }
ajax
$(document).ready(function(){
$('#toggle').click(function(){
$('#panel').toggleClass('active');
});
});
а теперь внимание вопрос.
По задумке div с id=panel должен выплывать с левой стороны после получения значения class=upleft active значение он получает, а вот вылазить с лева никак не хочет.
В чём может быть проблема?
P.S. Библиотека jquery подключена
Изм. 8 раз. / Посл. изм. (1 май 2017, 07:54)
2. (1 май 2017, 07:55) [0/0] [0] [спам] [под]
С этим нужно играть
.upleft { position: absolute; top: 50px; left: -250px; width: 240px; }
Попробуй изменять left Так как вы указали что left 0px а потом указываете что left должен быть перемешен на 250px темболее минус то врядли оно будет работать сделайте так
.upleft { position: absolute; top: 50px; left: 250px; width: 240px; }
3. [автор] (1 май 2017, 07:56) [0/0] [0] [спам] [под]
drugsiti,
Если я сделаю так то блок будет висеть всегда в видимой зоне просто будет плавать при нажатии
- 1 из 1
