小编rby*_*rne的帖子

在窗口调整大小时调用多个函数

目前我在窗口调整大小时触发了多个函数:

            $(window).resize(checkNav); 
            $(window).resize(checkWidth); 
            $(window).resize(checkSlider); 
Run Code Online (Sandbox Code Playgroud)

而我正在寻找的是从同一窗口运行它们调整大小如下:

            $(window).resize(checkNav && checkWidth && checkSlider);
Run Code Online (Sandbox Code Playgroud)

我只是不知道写下来!我能找到的最好的方法是在窗口调整大小调用一个函数,然后调用三个,但是想要删除这个中间函数.

谢谢

html javascript css xhtml jquery

7
推荐指数
3
解决办法
1万
查看次数

.scroll()多久触发一次?

我在这里建立我的网站:argit.bounde.co.uk

我了解使用它很不好,$(window).scroll();因为它可能会在某些浏览器中引起问题,并且已在此博客文章中阅读有关它可能引起的问题的信息。

我有一个navCheck包含两部分的功能,修复导航(如果您调整浏览器的大小以使其更窄,您将看到第二个)并选择哪个导航仪应占据“ over”状态。

我对jQuery非常陌生,无法实现John的方法,它不喜欢我将变量放在何处。所以我想setInterval在我的navCheck函数中包含一个,以控制其触发的次数。但是我不能为左边的导航固定功能提供大于1ms的间隔,否则会有明显的跳跃。

我想知道默认情况下.scroll()会多久触发一次,什么才是最好的选择?我是否应该将函数的固定部分移到一个单独的函数上,每隔1ms触发一次,然后保留函数的“ over”部分,每250ms触发一次?还是只是让整个事件每1ms触发一次?而且甚至比标准.scroll()的性能提高

或者同样地,如果您可以帮助我实施Johns解决方案,那也将是向前的一步,因为这样做应该更好,但我不知道如何实现。

html javascript jquery scroll setinterval

5
推荐指数
1
解决办法
1304
查看次数

奇怪的5px保证金

我在这里建立一个网站:argit.bounde.co.uk

我一直在寻找几个小时试图找到解决方案.我正在尝试构建自己的滑块,这将是流体宽度,因此我无法在可能的情况下定义高度/宽度.我有大量的滑块使用库存图像但是当我把元素放在它下面时,它们比它们想要的低5px.这种情况发生在除我测试的IE之外的所有浏览器中.我想给我的滑块下方的横幅是一个负的上边距,这样它就会显示在滑块上,但直到我能弄清楚造成这个5px边距的原因我不能.

html在这里:

<div id="slider">
  <div id="sliderwidth">
    <ul>
      <li><img src="imgs/slider/img1.jpg" alt="image 1"></img></li>
      <li><img src="imgs/slider/img2.jpg" alt="image 2"></img></li>
      <li><img src="imgs/slider/img3.jpg" alt="image 3"></img></li>
      <li><img src="imgs/slider/img4.jpg" alt="image 4"></img></li>
    </ul>                           
  </div>                        
</div>  

<div id="sliderborder">
Run Code Online (Sandbox Code Playgroud)

我尝试过的事情:

删除所有jQuery:没有用.
删除所有CSS样式滑块:没有工作.
将img高度设置为300px:没有用.
将li高度设置为300px:措辞.
替换imgs与divs 300px高:工作.
设置填充0,边距0到滑块中的每个元素:没有工作.
检查验证错误:完全验证.
已检查的imgs是300px高:它们是.
检查开发工具中的每个元素以检查是否存在任何流氓边距/填充:未找到.

我真的出于想法,任何帮助将不胜感激!

html css margin slider padding

1
推荐指数
1
解决办法
1206
查看次数

标签 统计

html ×3

css ×2

javascript ×2

jquery ×2

margin ×1

padding ×1

scroll ×1

setinterval ×1

slider ×1

xhtml ×1