Позиционирование jQuery

@autumnrustle · Регистрация: 01.08.2013

Студворк — интернет-сервис помощи студентам

Есть блог на wordpres. Изменять можно только CSS и вставлять код через плагин JavaScript HTML adder. Собственно с помощью этого плагина я и добавил меню (скриншот 1). Как позиционировать весь виджет #html_javascript_adder-38 строго у левого края окна браузера даже при изменении его ширины? Средствами CSS (float и т.п.) тут толку не добьёшься - ситуация не простая, куча же @media слишком громоздка и всё равно не абсолютно эффективна. Надеюсь на вашу помощь.

@vooduq · 01.08.2013, 21:09

CSS
1
2
3
4
5
6
7
8
9
position:relative;
left:0;
 
or
 
position:absolute;
left:0;
 
смотря для каких целей

@autumnrustle · 01.08.2013, 21:12 **[ТС]**

Сообщение от vooduq

CSS
1
2
3
4
5
6
7
8
9
position:relative;
left:0;
 
or
 
position:absolute;
left:0;
 
смотря для каких целей

это jQuery?
это панель слева плавающая. Она всегда должна быть слева у края.

@vooduq · 01.08.2013, 21:43

если всегда то и строго то

CSS
1
2
position:fixed;
left:0;

в цссе
если хотите с прибамбасами могу написать(типа как буек чтоб перемещалась)

Добавлено через 8 минут
скажем так:

$('#html_javascript_adder-38').css({'position':'absolute','left':' 0'}).animate({
top: $(window).scrollTop()
},600); //600 - воспроизведение эффекта за 600 милесек

будет как буек вы опустите страницу, и этот блок опускается вслед за ней

@autumnrustle · 01.08.2013, 21:51 **[ТС]**

Сообщение от vooduq

если всегда то и строго то

CSS
1
2
position:fixed;
left:0;

в цссе
если хотите с прибамбасами могу написать(типа как буек чтоб перемещалась)

Добавлено через 8 минут
скажем так:

$('#html_javascript_adder-38').css({'position':'absolute','left':' 0'}).animate({
top: $(window).scrollTop()
},600); //600 - воспроизведение эффекта за 600 милесек

будет как буек вы опустите страницу, и этот блок опускается вслед за ней

Сообщение от vooduq

если всегда то

CSS
1
2
position:fixed;
left:0;

в цссе
если хотите с прибамбасами могу написать(типа как буек чтоб перемещалась)

Ситуация такова, что блог лежит на хостинге от tut.by. И wordpres тутбай тоже запрявляет. В итоге доступ к редактированию блога во многом ограничен. Можно редактировать CSS и добавлять код через виджет в сайтбар. Всё. Приходится извращаться. Так, например, тему свою пришлось переделывать только средствами CSS из стандартной Twenty Ten 1.2.
Средствами CSS я блок меню выравнял и под экраны разных размеров подстроил ( @media). Но это слишком много кода. И не слишком надёжно. Вот и ищу способ сделать это через jQuery
CSS не катит. Совершенно.

Так понимаю это уже jQuery?
буек не обязательно. Задача просто прилепить к левому краю НЕ средствами CSS.

@vooduq · 01.08.2013, 22:16

ну тогда

JavaScript
1
 $('#html_javascript_adder-38').attr('style','position:fixed;left:0;');

@autumnrustle · 01.08.2013, 22:25 **[ТС]**

Сообщение от vooduq

ну тогда

JavaScript
1
 $('#html_javascript_adder-38').attr('style','position:fixed;left:0;');

ура!) работает) Спасибо большое)

@vooduq · 01.08.2013, 22:27

нз

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@autumnrustle 16 / 1 / 0 Регистрация: 01.08.2013 Сообщений: 121 Записей в блоге: 1

	Позиционирование jQuery 01.08.2013, 20:42. Показов 960. Ответов 7 Метки нет (Все метки) Есть блог на wordpres. Изменять можно только CSS и вставлять код через плагин JavaScript HTML adder. Собственно с помощью этого плагина я и добавил меню (скриншот 1). Как позиционировать весь виджет #html_javascript_adder-38 строго у левого края окна браузера даже при изменении его ширины? Средствами CSS (float и т.п.) тут толку не добьёшься - ситуация не простая, куча же @media слишком громоздка и всё равно не абсолютно эффективна. Надеюсь на вашу помощь. Миниатюры 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	01.08.2013, 22:27
	нз 0

Опции темы