JQuery добавить непрозрачность при прокрутке и загрузке страницы

Question

JQuery добавить непрозрачность при прокрутке и загрузке страницы

0

Поэтому у меня есть страница, загружаемая через pjax (не-pjax в IE), где у вас есть куча ссылок внизу.

Каждый раз, когда вы нажимаете на гиперссылки, я делаю его прокруткой вверху страницы.

Что происходит, так это то, что он прокручивается до верхней части страницы, пока страница по-прежнему загружается.

Я в порядке с этим, но мне было интересно, есть ли способ добавить некоторую непрозрачность во время загрузки страницы? Примечание. Я не уверен в решении, которое будет работать как в браузерах, поддерживающих pjax, так и не в pjax.

$(document).on('click', 'my-link a', function() {
  $('html, body').animate({ scrollTop: 0 }, 'fast');
})

;

newbie 01 окт. 2013, в 22:08

Источник

0

Где вы хотите, чтобы прозрачность была добавлена? К телу?
user2824854 01 окт. 2013, в 19:44
0

да, тело ..
newbie 01 окт. 2013, в 19:56
0

$ ("body"). css ({opacity: 0.5});
user2824854 01 окт. 2013, в 19:57
0

Мне нужна прозрачность при загрузке страницы через pjax или при обычной загрузке.
newbie 02 окт. 2013, в 13:58

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

pjax

2 ответа

0

в зависимости от того, какой контент загружен, вы можете добавить прослушиватели событий для загрузки, затем прокрутить/изменить непрозрачность, чтобы уменьшить значение в событии onclick и вернуться к onload.

Lapsio 01 окт. 2013, в 17:20

Ещё вопросы

Где вы хотите, чтобы прозрачность была добавлена? К телу?
Мне нужна прозрачность при загрузке страницы через pjax или при обычной загрузке.

user2824854 · Accepted Answer · 2013-10-02T18-30-00.000Z

Я лично считаю, что ваш вопрос очень трудно понять, но я привел пример для вас:

DEMO

HTML:

<body>
    <div class="loader"></div>    
    <div id="content">
        <img src="http://0.tqn.com/d/studenttravel/1/0/i/T/Silleteros-1.jpg" />
    </div>
</body>

JS:

$(window).load(function() {
        $("body").css({ opacity: 1.0 });
})

CSS:

body {
    opacity: 0.5;
}

Во время загрузки страницы body устанавливается на opacity 0.5, после того, как страница будет завершена, opacity будет установлена равной 1.0.

Также добавлен код, например скрипт, который не будет загружать изображение из кеша, так что эффект всегда будет отображаться при запуске скрипта (если эффект не отображается при первом запуске, попробуйте запустить его снова). Надеюсь, это вам поможет.