Плохо знаю jquery ,чем очень стыжусь ...
В общем нужно было сделать плавающий блок ,нашел данный код :
$(function() {
var offset = $("#right-bot").offset();
var topPadding = 100;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#right-bot").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding });
}
else {$("#right-bot").stop().animate({marginTop: 50});};});
});
Все очень хорошо работает ,НО у меня этот плавающий блок конфликтует с адаптивным дизайном. Т.е ,когда у меня разрешение меньше 640 ,мне уже вовсе не надо ,что бы он плавал ,так как он просто должен быть внизу.
Короче говоря ,как мне адаптировать этот код так ,что бы он работал только если разрешение экрана > 640 ?
Примечание:
if (win_size.x > 640) {
$(function() {
var offset = $("#right-bot").offset();
var topPadding = 100;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top && $(window).width() < 640 ) {
$("#right-bot").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding });
}
else {$("#right-bot").stop().animate({marginTop: 50});};});
});
}
Не работает...
Примечание:
function window_resize(){
var page_w = $("html").width();
}
if (page_w > 640) {
$(function() {
var offset = $("#right-bot").offset();
var topPadding = 100;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#right-bot").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding });
}
else {$("#right-bot").stop().animate({marginTop: 50});};});
});
}
тоже не работает....
Примечание:
var browserWindow = $(window);
var width = browserWindow.width();
if ($(window).width < 640) {
$(function() {
var offset = $("#right-bot").offset();
var topPadding = 100;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#right-bot").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding });
}
else {$("#right-bot").stop().animate({marginTop: 50});};});
});
}
даже так почему-то не работает...
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.