JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fixed"></div>8 апреля 2014 года в мире высоких технологий случилось страшное — Microsoft наконец официально прекратила поддержку своей самой популярной операционной системы Windows XP. Операционная система осталась без заплаток для угроз нулевого дня, миллионы пользователей оказались в опасности заражения вирусами. Тем не менее, далеко не все спешат переходить на новые версии как этого желает софтверный гигант — кому-то жалко денег, кто-то привык к до боли знакомому интерфейсу и нескучной обоине с зелеными холмами. Намного серьезнее все обстоит в корпоративной среде, где на Windows XP работают тысячи машин, обновление которых выльется в миллионные траты и непредвиденные проблемы с годами отточенным корпоративным софтом.
<br>
<br>Но <a href="http://www.sebijk.com/community/board15-other/board73-tutorials/2985-getting-xp-updates/">оказывается</a>, что есть простой хак, который позволяет продлить получение обновлений для системы безопасности Windows XP на ближайшие пять лет, т.е. до апреля 2019 года!
<br>
<a name="habracut"></a>

<br>Это стало возможным благодаря существованию особой версии WIndows XP — <a href="http://ru.wikipedia.org/wiki/Windows_Embedded_POSReady">Windows Embedded POSReady 2009</a>. Эта система была выпущена в 2009 году и основана на Windows XP Service Pack 3. Она предназначена для различных POS-терминалов, киосков, систем самообслуживания. Пользователям Windows XP не разрешается напрямую установить эти обновления для своей операционной системы. Однако, есть способ заставить систему делать это просто добавив определенный ключ в реестр Windows.
<br>
<br>Открываем новый файл в теплом ламповом блокноте, забиваем три строчки, сохраняем с расширением .reg и запускаем с правами администратора:
<br>
<br>
<pre><code class="tex">Windows Registry Editor Version 5.00 
<span class="special">[</span>HKEY_LOCAL_MACHINE<span class="command">\SYSTEM</span><span class="command">\WPA</span><span class="command">\PosReady</span><span...

CSS

body {
    width: 900px;
}
.fixed {
    position: fixed;
    right: 100px;
    top: 0;
    width: 300px;
    margin-left: -150px;
    height: 200px;
    text-align: center;
    color: #fff;
    background: #000;
}

JavaScript

var obj = $('.fixed');
var thisRight = obj.offset().right;
$(document).scroll(function (i) {
    var rightValue = $(this).scrollRight();
    //console.log(rightValue);
    //console.log(thisRight);
    if (rightValue > thisRight) {
        obj.css('right', -rightValue);
    } else {
        obj.css('right', 0);
    };

});