我正在构建一个Cookie横幅,并与以下几个方面做斗争:一旦一个新用户访问该页面,Cookie横幅将加载并禁用滚动。
我对jQuery、JS和CSS body { overflow: hidden }尝试了不同的方法,但它们都没有奏效。我不知道如何禁用滚动,只要用户没有点击“接受”。有人有主意吗?
我的想法是:
onload - show cookie Banner
if not clicked on "accept"
overflow: hidden;
else
default scrolling experience
有没有什么办法可以让滚动的绿色div将黑色导航推到页面上,而不是滚动到页面顶部?
这是我的例子,向下滚动页面,横幅将淡出并滚动:
添加了Jquery:
jQuery(function($) {
function scrollBanner() {
//Get the scoll position of the page
scrollPos = jQuery(this).scrollTop();
//Scroll and fade out the banner text
jQuery('.hero-unit').css({
我想创建一个像浏览器窗口一样大的DIV,然后使用垂直滚动显示网站。我正在寻找的效果类似于中的效果(请注意,大横幅总是和浏览器窗口一样大,内容在底部):
考虑到这个HTML:
<div class="banner">
This banner is always big like the browser window
</div>
<div class="content">
Content of the website
</div>
这是一种方法:
.banner {
position: absolute
我有一个横幅,在滚动和它下面的一些内容收缩,我如何才能让内容在横幅上停留几秒钟后再移动?我试着使用jQuery插件stickem,但它似乎不起作用。
JS:
$(document).scroll(function(){
if ($(this).scrollTop()>175){
// animate fixed div to small size:
$('.wrapper').stop().animate({ height: 57 , 'padding-top': 50},100);
$('.
我是新来的。我需要控制图像的滚动,直到右侧图像的滚动结束,添加类isLocked以在右侧的横幅滚动时停止滚动左侧的图像,并在右侧的图像滚动结束时添加类isAtBottom。谢谢!!
JsFiddle:
JS
document.addEventListener('scroll', function(){
var element = document.getElementById('main-feature');
if (element.scrollHeight + element.scrollTop == element.scrollHeight)
我正在尝试创建一个粘性导航菜单,它将位于横幅的正下方,当您向下滚动时,无法再看到横幅,导航菜单将固定在浏览器chrome的顶部。这是我到目前为止所拥有的:
CSS很简单,问题可能出在我的JS上:
$(document).ready(function() {
var s = $(".navMenu");
var pos = s.position();
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (windowpos