jquery下拉到某个固定位置然后某些元素发生改变样式状态 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

jquery下拉到某个固定位置然后某些元素发生改变样式状态

2022/5/30 21:01:03 字体:大中小浏览 1598

我觉得下面这个方法好

jQuery(document).ready(function(){
    var loaded = false;
    function show(){
        var top = jQuery("#comments").offset().top;
        if(!loaded && jQuery(window).scrollTop() + jQuery(window).height() > top ){
            console.log("显示");
        }else{
            console.log("隐藏");
        }
    }
    jQuery(window).scroll(show);
});

这个方法测试时还算可以
<script>
//获取这个固定的位置到顶部的距离
var heights=$('form').offset().top;
//获取这个位置的高度
var myheight=$('form').outerHeight(true);
//获取当前的位置到顶部的距离
var juli=$(window).scrollTop();
//获取浏览器的高度
var liulan=$(window).height();
if(heights-liulan>=juli){
$('button').html('<a href="#004" class="body_title_can_b">前去購買</a>');
$('.button_t').html('<div class="time">距結束 <span id="_h">00</span>:<span id="_m">00</span>:<span id="_s">00</span>:<span id="_ms">00</span></div><h2>2件7折，3件5.5折</h2>')
}
else{
$('button').html('提交訂單');
$('.button_t').html('NT$ <span class="div_rmb">1298</span>')
}
$(window).scroll(function(){
var juli=$(window).scrollTop();
if(heights-liulan>=juli){
$('button').html('<a href="#004" class="body_title_can_b">前去購買</a>');
$('.button_t').html('<span class="time">距結束 <span id="_h">00</span>:<span id="_m">00</span>:<span id="_s">00</span>:<span id="_ms">00</span></span><h2>2件7折，3件5.5折</h2>')
}
else{
$('button').html('提交訂單');
$('.button_t').html('NT$ <span class="div_rmb">1298</span>')

}
})

</script>

前一页:没有了

后一页:canvas绘制的文字如何换行

相关阅读: python中 f 用法; 一行内文本超出指定宽度后用省略号代替; Javascript JS 限制复选框的选择个数(3); Instagram 广告投放操作与技巧; 当鼠标靠在某个字上时,背景也随之改变; javascript自动获取Tags关键字; 用uni-app开发微信小程序用uni.makePhoneCall拨打电话; 连云港门窗制作

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: asp随机数字，可以当成随机验证码使用; 05 进入深山留言板的后台; 支持火狐,IE6.ie7.ie8.ie9的加入收藏/设为首页代码; 8种Python字符串拼接的方法，你知道几种; 许愿墙开始重新设计。; 留言板留言板V7.2

更多标签热门标签

Session 底部论坛货币 PSD 用户体验禁止预览美化标注编辑缩小脚本进度伪类许愿墙广告 Response FlashFxp 容器县文本爱国统计 onload 火狐 shift 万年历背景舒服百度像素 hidden 拼音换行不对齐变化格式化模板 checkbox max expression IE8 框移字母 qq right 应用 dw 访问量改变电影