Юрий Лобанов

jsfiddle.net/iiil/8L9GY/3
Объясните, что не так? Все ведет себя ровно так, как задумано. Откуда у Вас там полоса белая - не понимаю. Попробуйте поменять ширину окна, все ок.

Если подсказка вылетает вниз или вверх, что логично, то воспользуйтесь

overflow-x:hidden;
overflow-y:visible;

habrahabr.ru/post/203840
Может пригодится )

jsfiddle.net/iiil/tZPg4/8688
Обратите внимание, я изменил css, html и естественно js

Загружаются они сразу, а показываются позже. Скорее всего отлавливается величина скролла от верха страницы.

Подсказываю:
1. измените ссылку, чтобы была рабочая.
2. При клике по картинке скрывайте саму картинку и открывайте блок с айфреймом. можно сделать очень удачный переход, используя css анимацию, к примеру.
3. Потом с помощью js ищите свой айфрейм и изменяйте его атрибут scr: scr = scr + '?rel....'. Однако не факт, что видео начнет автоматически воспроизводиться. Если что - см. п.4.
4. Что касается остановки - читайте API js для ютуба, оно есть. Там даже есть такой параметр enablejsapi
https://developers.google.com/youtube/js_api_refer...
Уверен, что изменять атрибут и не понадобится. Можно все сделать с помощью API, читайте по ссылке.
Это именно подсказка. Писать код - это уже работа.

Зачем же Вы все картинками-то сделали? 21 век на дворе.

Ваш пример видео не открывается, там точно должна быть русская буква ц?
Что касается задачи - не вижу ничего сложного, на любой фриланс-бирже сделают Вам за символическую плату.

Объяснений куча: перебивается другими стилями, неправильно пишете, перебивается инлайн стилями и так далее. Давайте код.
В ста случаях из пятидесяти, когда не срабатывают такие вещи, как старое доброе css правило, вина не в этом правиле, а в авторе.

Все должно работать. Мне кажется, что какой-то конфликт скриптов, хотя вроде консоль ничего не выдает.. Короче, для начала проведите такую работу: jsfiddle.net/iiil/ZNn3S/2
Через External Resources подключите последовательно все Ваши скрипты, как я подключил Ваш jquery, и каждый раз смотрите, не перестало ли работать.
Потому что пример у меня взят чисто из Вашего и все работает. Событие window scroll срабатывает, я проверил, величину scrollTop он тоже определяет верно.

у меня в ie10 все наоборот. При 100% все ок, при 99% сетка расплывается.
jsfiddle.net/iiil/FAVkL
jsfiddle.net/FAVkL/1
Кстати, в ff также. Соответственно, это нормальное поведение. Почему у Вас наоборот -не ясно. А как в других браузерах?

Сам не пользовался, но почитайте про Adobe Device Central
help.adobe.com/ru_RU/devicecentral/cs/using/device...

Дело не в жирности, а в рендеринге шрифта.
Попробуйте совет отсюда stackoverflow.com/questions/12754027/font-myriad-p...

Господи, нагородили
<a class="top" href="#">Наверх</a>

$('.top').click(function(e){
 e.preventDefault();
});

Ссылка на # всегда возвращает наверх страницы, и не нужно якорей, а скрипт просто отменяет переход по ссылке, чтобы все как Вы просили. Можно и по вашему, отправлять на #top, а скрипт отменит переход по url'у.

Так и подрывает ответить: в библиотеке!
Ну где можно смотреть что-либо сегодня, как не в интернете? И как найти что-то, как не в поисковике?

jsfiddle.net/iiil/Q32FX/3
Обратите внимание на External Resources. Ну и естественно надо добавлять стили самого бутстрапа.