Перейти к публикации
Gameer

Как задать так, что бы блок был всегда внизу?

Рекомендованные сообщения

Gameer

Здравствуйте все. Как задать с помощью css что бы определенный элемент при его открытии всегда прилагался к низу сайта, на разных разрешениях экрана. Спасибо за внимание и помощь.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Celsoft

У сандера в блоге посмотри. Вроде видел у него вариант закрепления футера внизу экрана. Переделаешь под свой элемент.

===

Нашел линк в истории http://sandev.pro/web/67-kak-zakrepit-futer-vnizu-ekrana.html

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@Celsoft, ок, спасибо. Сейчас попробую.



Не получается, мне это в js нужно задать.

 

.css({left:'0'}).css({position:'fixed'}).css({margin-top:'325'}).css({top:'100'})

и ругается на margin-top



Ошибочка, не к низу сайта а к низу экрана.

Вот типа того: 

Wx5nPme.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

.css({'left':0, 'position':'fixed', 'margin-top':325, 'top':100})

 

bottom и fixed тебе помогут

Ошибочка, не к низу сайта а к низу экрана. Вот типа того: 

Изменено пользователем webil

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@webil, неа, не помогло.



@webil, мне без bottom нужно.  

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

@Gameer, ссылку на сайт или объясни что ты сделал.

тьфу там в верху не то написал там не marginTop а margin-top

Изменено пользователем webil

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

Вот что происходит когда задаю bottom:0;

kInRvFz.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

@Gameer, убери параметры margin-top и top 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@webil, неа, мне нужно что бы блок можно было перемещать. Убрав top я не смогу его передвигать, мне только при открытии самого блока нужно что бы он присоединился к низу экрана и все

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

 

webil, мне без bottom нужно. 

тогда узнавай высоту экрана $(window).height(); и высоту блока с $(блок).outerHeight(); 

далее выражение 

var xxx = Экран - блок 

и уже в css пропиши 'top': xxx

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

от экрана отнять высоту блока?



Можешь помочь? если нужно могу заплатить :) а то времени на это нету, нужно другое делать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

@Gameer, от высоты экрана  отнять высоту блока

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@webil, и это прописать значением прописать в css?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

@Gameer, в скриптах в стилях. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@webil, сработало, но теперь он улетает в низ из страницы.



Вот код.VwaFi4S.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

@Gameer, у тебя не получен параметр высоты блока, возможно потому что ты применяешь $(блок).outerHeight(); когда блок носит параметр display: none; или вовсе отсутствует на странице.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@webil, я не могу убрать дисплай ноне, так как элементы будут сразу видны. и короче баг за багом будет

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

@Gameer, убери дисплей нон получи данные и поставь его обратно и ничего не будет

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Gameer

@Gameer, убери дисплей нон получи данные и поставь его обратно и ничего не будет

Все спасибо. Сделал :)

 

В конец js прописал:

$(window).height();
var xxx = $(window).height() - 324;  

потом задал css в js

.css({'top':xxx})

Спасибо webil за помощь!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...