在帮助一个朋友开发他的网站的早期测试版时,我写了一个简短的jQuery代码片段来防止固定的背景图片滚动过div的底部边缘。在火狐、Safari甚至IE8中,一切都运行得很完美,但是Chrome (在Win7和OSX10.6上都可以找到)似乎在背景附件从回滚改为固定后出现了问题,图像不会随着页面的回滚而滚动,并且在向下滚动时会重复放置大块图片(很难解释,请查看下面的演示链接)。这是其他人遇到过的吗?
javascript:
$(document).ready(function(){
var imageHeight = 585;
$(window).scroll(function(){
i
如果一个元素链接到同一页上的锚点,但当链接到另一个页面上的锚点时,它不会平滑滚动,我的jQuery平滑滚动就能工作。
我的jQuery脚本有什么明显的问题吗?
<script>
jQuery(function($) {
// //////////////////////// Smooth Scroll To Specific Element On Page ////////////////////////
$(document).ready(function() {
$('a[href^="#"]').not(
我喜欢Lightbox如何做覆盖窗口,显示完整大小的图像链接。有办法加载这样的html文件吗?我想要图片,文字,也许一个嵌入式youtube视频太能加载在“虚拟窗口”,垂直滚动也会很好。我想避免jquery或其他类似的事情。就像Java、html和css一样好。但是,如果不可能的话,如果需要的话,我可以处理调用jquery。
提前感谢你们这些精明的人!
Eva
我试图使用这个脚本冻结滚动时,一个‘灯箱风格’的图像被打开。可能只是脚本中的一个小错误,但是找不到
jQuery.fn.lockToggle = function () {
var top = $(window).scrollTop();
var left = $(window).scrollLeft();
var clickCount = 0;
$(this).click(function() {
clickCount++;
if(clickCount % 2 === 1 ){
$('
我有一个包含视频和图片的表格的网页,当这些项目中的任何一个被点击时,被点击的项目显示在一个浮动的弹出式显示区域中,但目前这个区域显示在网页的顶部附近,所以当用户滚动网页以使视频和图片的表格完全滚动到视图中时,通常是部分屏幕外,因此用户必须向上滚动页面来查看浮动弹出显示区域,远离他们在表格中点击的行项目,在那里他们可以编辑关于该项目的信息。 我更希望弹出显示区域显示在视口顶部附近,这样就可以完全看到它,而无需用户将其滚动到视图中,并且现在弹出显示下的视频和图片表停留在用户单击表中任何项之前的位置。 我看过这个主题Set element to top of viewport in javascr
总的来说,我对JQuery和Javascript非常陌生。我使用的是无限滚动的wordpress插件,并且我高度定制了一个主题。在主题中,它最终调用一个Fancybox Javascript -我将其用作主页上4x4网格的帖子/图像的图片库。
当你向下滚动时,它加载了16个新帖子,但它不包括Fancybox效果(甚至不能点击图像)
该插件有一个部分"Javascript to be will next post are fetched“:在页面加载时应用于post内容的任何函数都需要在新内容传入时执行。
Fancybox脚本被加载到页脚中的"page_templates.php