在这个页面上,我试图创建一个效果:如果你在页面的顶部并进行滚动,页面会在窗口高度上滚动,并出现一个固定的导航。它在Chrome、Opera和Edge上都能正常工作(我还没有在Safari上测试过),但在火狐和IE11上,这个效果就崩溃了:它会滚动到底部,然后--没有任何停顿地滚动到顶部。在IE中它会显示导航,在FF中它不会,只是把我送到页面的顶部。
下面是我实现此效果的脚本:
var scrollBool = false;
jQuery(window).scroll(function() {
var winHeight = window.innerHeight;
nav
有没有什么办法可以让滚动的绿色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({
尝试用两个菜单复制mashable效果。我得到了滚动效果,但我正在寻找的效果停止在页脚的顶部。我想我可以做一个有限制的条件语句,但我不确定如何实现它。
这是我正在使用的javascript。
var name = ".floater";
var menuYloc = null;
jQuery(document).ready(function($) {
menuYloc = parseInt(jQuery(name).css("top").substring(0,jQuery(name).css("top").indexOf("
我正在使用这段代码在页面的底部做一个toogle效果。它是工作的,但是toogle div在折叠下,但是浏览器不能在底部滚动跟随toogle区域。
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
// toggles the slickbox on clicking the noted link
jQuery('a#sm_toggle').click(funct
我在我的一个网站()上使用了两种不同的滚动相关效果(以及其他javascript),它们似乎相互干扰。它们如下:
在确保所有内容都在折叠下面的同时,将徽标和导航设置在屏幕上。
第一个jQuery效果使点击导航链接平滑地滚动到锚文本。
第二个jquery效果,以及我今天添加的内容,使用在滚动时将音乐播放器元素保存在视图中。
最后一个元素是对图片使用nivoZoom。
当浏览器窗口的宽度超过876 is (这是主要内容的宽度574 is +音乐播放器302 is )时,网站就很好了。当浏览器的宽度小于或等于876 of时,就会出现此问题。由于某种原因,当浏览器小于这个量时,