0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 269 Просмотров
*

THeCMeX

  • Новичок
  • 8
  • 0 / 0
Всем привет.

В данной Как сделать плавающий блок/модуль. Пример есть! теме есть хороший пример Как сделать плавающий блок/модуль. Пример есть! плавающего модуля.

Но есть одно но. Модуль не фиксируется в нижнем положении. Я не очень дружу с програмированием. Помогите зафиксировать его. Спасибо.
*

vitzer

  • Захожу иногда
  • 305
  • 5 / 0
Re: Как сделать плавающий модуль?
« Ответ #1 : 02.02.2021, 15:18:20 »
Цитировать
                              <script>// <![CDATA[
$(function(){
    if ($(window).width() > 767){

$(document).ready(function(){
var floatsidebar = $("#float-sidebar");
var offset = floatsidebar.offset();
var left = offset.left;
var top = offset.top;
var width = $("#float-sidebar").width();
var height = $("#float-sidebar").height();

$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if (scrollTop >= top) {
$('#float-sidebar').css({
left:left+'px',
position:'fixed',
top:"10px",
width:width+"px"
});
} else {

$('#float-sidebar').css({
position:'static',
});
}
});
});
}
});
// ]]>
</script>

<div id="float-sidebar">

Здесь содержимое

</div>   
Вот, например, для сайдбара.
*

Flexderection

  • Новичок
  • 3
  • 0 / 0
Re: Как сделать плавающий модуль?
« Ответ #2 : 08.03.2021, 22:21:01 »
Интересный вариант.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать?

Автор Twins

Ответов: 3
Просмотров: 236
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 122
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 626
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 10957
Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как сделать отступ от абсолютного элемента?

Автор wishlight

Ответов: 6
Просмотров: 775
Последний ответ 20.04.2019, 00:06:28
от dmitry_stas