精华内容
下载资源
问答
  • PC端的网页设置最小宽度后适配手机,想让手机端在不缩小页面的情况下可以通过滚动条显示网页,但是手机上的横向滚动条无法滚动,去掉全屏滚动插件后,手机端就可以横向滚动,但是网页需要全屏滚动的效果,怎么让横向...
  • 对局部需要滚动条的元素,使用这个css属性:-webkit-overflow-scrolling: touch;实测;
    对局部需要滚动条的元素,使用这个css属性:

    -webkit-overflow-scrolling: touch;

    实测;

    展开全文
  • (设置overflow电脑端是会出现滚动条的,但是在手机端不出现滚动条,图片也不可左右滑动显示) var $window = $(window); setsize1(); $window.resize(function(){ $window = $(window); setsize1(); ...

    fullpage中大的图片超过一屏怎么在手机端滑动显示?(设置overflow电脑端是会出现滚动条的,但是在手机端不出现滚动条,图片也不可左右滑动显示)

    var $window = $(window);
    setsize1();
    $window.resize(function(){
            $window = $(window);
            setsize1();
        });
    
    
        function setsize1(){
            
            windowwidth=$window.width();
            
            if(windowwidth>768){                 
                    //jquery的整屏滚动
                    //当在非手机端,滚动方式设置为true,调用插件的滚动方式
                    $('#fullpage').fullpage({
                        autoScrolling: true
                    });
                        
               }else{
                   //jquery的整屏滚动
                   //当在手机端,第四屏设置是否调用插件滚动为false
                    $('#fullpage').fullpage({
                        /*fullpage回调函数*/
                        afterLoad: function (anchorLink, index) {
                            if (index == 4) {
                                $.fn.fullpage.setAutoScrolling(false);
                            } else {
                                $.fn.fullpage.setAutoScrolling(true);
                            }
                        }
                    });
               }
        }

     

    转载于:https://www.cnblogs.com/super-chao/p/6496499.html

    展开全文
  • 主要思路: Created with Raphaël 2.2.0 移动端项目要怎么做? 要插入什么辅助代码要特别注意哪几种特殊设备 ...即使设置了百分之百也会出现横向滚动条 横向滚动条解决方案: html{ overflow-y: sc

    主要思路:

    Created with Raphaël 2.2.0 移动端项目要怎么做? 要插入什么辅助代码要特别注意哪几种特殊设备

    移动端项目注意什么:

    1. 在电脑上搜索 m.某网站.com m---->min

    2. 检查,调出手机端

    3. 创建一个html文件 尝试判断寻找的网页是 1rem=xxxpx;(在做网页的时候会用到);

    4. 更改自己使用的编辑器 1rem = xxxpx 的数值

    5. 即使设置了百分之百也会出现横向滚动条

      • 横向滚动条解决方案:

        html{
        	overflow-y: scroll;
        }
        :root{
        	overflow-y: auto;
        	overflow-x: hidden;
        }
        :root body{
        	position:absolute;
        }
        body{
        	width: 100vw;
        	overflow: hidden;
        }
        

    辅助代码:

    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/xxx.css"/>
    
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    
    [^_^]:(作用)
           能更好地让我们的网页适配或响应各种不同分辨率的移动设备。
    
    
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
    
    [>_<]:(作用)   
            手机淘宝——flexible.js 移动端自适应方案 
            注意:把视觉稿中的px转换成rem
    
    <link rel="stylesheet" type="text/css" href="css/xxx.css"/>
    [>_>]:(作用)
             引用css代码
         注意:不直接写css代码而是通过less生成
    

    要特别注意哪几种设备:

    1. iPhone
    2. iPad
    3. iPad Pro

    希望这篇博客能为你更好的学习并自主完成移动端项目有所帮助

    展开全文
  • 按键精灵手机助手是一款由按键精灵专门针对手机脚本开发的模拟鼠标键盘动作的软件。...|-- 新增 隐藏、显示脚本列表记住当前滚动条位置 按键精灵手机助手 截图    相关阅读:按键精灵怎么用?简易使用教程
  • 话不多说,进入正题,我就不说怎么安装selenium、怎么用webdriver了,有人要是不会可以私信我哈。不过我想,这里混的都是大佬,不会比我这种小白程序员差,我...3.2、滑动滚动条 3.3、获取数据 四、完整代码 五、...

    话不多说,进入正题,我就不说怎么安装selenium、怎么用webdriver了,有人要是不会可以私信我哈。不过我想,这里混的都是大佬,不会比我这种小白程序员差,我也就做个分享而已。

    目录

    一、导入需求的模块

    二、初始化,设置cookie

    2.1、初始化

    2.2、设置cookie

    三、开始爬虫

    3.1、点击“查看更多”

    3.2、滑动滚动条

    3.3、获取数据

    四、完整代码

    五、总结


    爬取这个网站是个意外,是一个老同学来找我帮忙,正好我对爬虫也是非常感兴趣的,就把活接了,现在分享出来。能用程序帮助他人真的是很一件很美妙的事情。

    目标网址:https://index.iresearch.com.cn/app

    界面就是这样哈,我就是要爬取到这里面的所有信息,排行啦,APP名字啦,类型啦,各种数据啦,废话不说了,开始吧。

    最后再声明一下:我爬取这些数据没有用来商用,如果涉嫌侵权,可以立即删除。

    一、导入需求的模块

    #核心模块,我就用自动化测试工具爬取了哈,大神可能看不上,不过自动化工具是方便呀。
    from selenium import webdriver
    #time模块主要就用一个sleep,避免程序走太快,网络跟不上,页面还加载不出来
    import time
    #csv模块是为了保存数据
    import csv

    二、初始化,设置cookie

    我们先看这个网站,如果你不登录的话,其实是只能看到20个应用,这不符合我们的需求,我们要先登陆一下,然后在开发者模式(F12)找到cookie的值,并赋值给自动化浏览器。

    另外,这个项目太小了,我就不用面向对象方法了,直接面向过程一步一步走下去了,代码量确实不大。如果有强迫症的可以自行改写。

    2.1、初始化

    driver = webdriver.Chrome()
    driver.get("https://index.iresearch.com.cn/App/List")

    我们先看一下 不设置cookie是怎样的,直接运行代码:

                                                                                 表示现在是未登录状态 

    2.2、设置cookie

    为了设置cookie,我们这样来,点击下面的“查看更多”,然后用手机号登陆一下,继续跳转回这个页面。再点查看更多,我们会发现,他变成了ajax动态加载,往下滚动,就自动显示出新的数据,OK,我们就是达成这个目的。

    接下来按F12,如下图所示,找到我们发起的请求之后,看一下现在的cookie的值,看下面这个图

    看到了cookie的值了,把它摘取出来,复制到一边:

    Hm_lvt_7c7157e9099d6a4f1b37ede1444b6c14=1561206662;

    Hm_lvt_c33e4c1e69eca76a2e522c20e59773f6=1561205252,1561206293,1561206667,1561206979;

    ASP.NET_SessionId=fdikp122vg4bammo3hn5y4ga; kittyID=c6893fce74f8d889e46d0d5ea320af44;

    kittyID_Index=c6893fce74f8d889e46d0d5ea320af44

    为当前浏览器对象添加cookie,有专门的方法,代码如下:

    from selenium import webdriver
    import time
    import csv
    
    driver = webdriver.Chrome()
    driver.get("https://index.iresearch.com.cn/App/List")
    
    
    #在这里添加cookie
    driver.add_cookie({"name":"Hm_lvt_7c7157e9099d6a4f1b37ede1444b6c14", 'value':"1561206662"})
    driver.add_cookie({"name":"ASP.NET_SessionId", 'value': "fdikp122vg4bammo3hn5y4ga"})
    driver.add_cookie({"name":"kittyID", 'value':"c6893fce74f8d889e46d0d5ea320af44"})
    driver.add_cookie({"name":"kittyID_Index", 'value':"c6893fce74f8d889e46d0d5ea320af44"})
    time.sleep(5)

    浏览器中获取的cookie以“=”为分界线,添加到driver中去,这个应该很好识别的,现在我们再运行一下python文件,弹出来的自动化浏览器中,你会发现,你点一下查看更多,它会显示了,说明我们已经登陆成功。

    三、开始爬虫

    3.1、点击“查看更多”

    自动化测试工具,我们当然不可能去手帮他点“查看更多”,按F12分析“查看更多”的代码,发现他的类名是“more”,Ok,我们用direver的find_element_by_class_name获取这个对象,再调用click方法,很easy的。

    然后让程序等一会,目的是让网页获取完所有的信息,网络越差,你就设置等的时间越长呗。

    driver.find_element_by_class_name("more").click()
    # 如果你的网络不好,就会只爬取到几个数据,这个时候增加sleep时间即可。
    time.sleep(20)

    可以再运行下试试,看是不是他帮你点过了,当你一直滚动滚动条,内容就会刷新。

    3.2、滑动滚动条

    我们想要的数据不可能只有20个,所以就要不停的滑动滚动条,我们运行js代码实现这个功能:

    window.scrollTo(0, document.body.scrollHeight)的作用就是把滚动条拉到最底,我们这样循环搞个10次,当然你想要的数据越多,range里面的数字设置的越大就行了。我这里sleep两秒钟是因为我的网络比较好,你的网络差就多sleep一会。

    # range里面的数字是滚轮下翻得次数,想爬取更多的数据,就填写更大的数字即可
    for i in range(10):
        time.sleep(2)
        driver.execute_script("window.scrollTo(0, document.body.scrollHeight)")

    运行下试试看,是不是帮你弄了。

    3.3、获取数据

    获取数据这里,我使用了xpath语句,看一下就明白了:

    # sleep里面的数字,如果你网络不好爬取数据不全,加大 这个数字
    time.sleep(10)
    nameList = driver.find_elements_by_xpath('//td[@class="col3 ng-binding"]')
    classList = driver.find_elements_by_xpath('//td[@class="col4 ng-binding"]')
    numsList = driver.find_elements_by_xpath('//td[@class="col6 ng-binding"]')
    increList = driver.find_elements_by_xpath('//td[@class="col7"]/span[1]')
    result = zip(nameList, classList, numsList, increList)

     最后的result是个元组,在这里可以回顾一下zip的用法,就是把四个列表按顺序组成新的二维元组,这里面每一个元素分别存储了每一个应用的名字、类型、使用数据、增长率。

    由于数据并不多,我直接把他们全部读到内存,注意:如果数据很多,我这个方法就不适用了,必须做好处理,不然你电脑爆了:

    apps = []
    for i in result:
        app = []
        for j in i:
            app.append(j.text)
        apps.append(app)
    print(apps)

    在这里循环遍历result,把内容写入apps,大家可以运行一下看看,是不是数据都打印在终端了。

    最后用csv模块,写入信息:

    with open("艾瑞app.csv", 'w', newline="", encoding="gb18030") as f:
        writer = csv.writer(f)
        for i in apps:
            print(i)
            writer.writerow(i)
    driver.quit()

    四、完整代码

    from selenium import webdriver
    import time
    import csv
    
    driver = webdriver.Chrome()
    driver.get("https://index.iresearch.com.cn/App/List")
    driver.add_cookie({"name":"Hm_lvt_7c7157e9099d6a4f1b37ede1444b6c14", 'value':"1561206662"})
    driver.add_cookie({"name":"ASP.NET_SessionId", 'value': "fdikp122vg4bammo3hn5y4ga"})
    driver.add_cookie({"name":"kittyID", 'value':"c6893fce74f8d889e46d0d5ea320af44"})
    driver.add_cookie({"name":"kittyID_Index", 'value':"c6893fce74f8d889e46d0d5ea320af44"})
    time.sleep(5)
    driver.find_element_by_class_name("more").click()
    # 如果你的网络不好,就会只爬取到几个数据,这个时候增加sleep时间即可。
    time.sleep(20)
    # range里面的数字是滚轮下翻得次数,想爬取更多的数据,就填写更大的数字即可
    for i in range(10):
        time.sleep(2)
        driver.execute_script("window.scrollTo(0, document.body.scrollHeight)")
    # sleep里面的数字,如果你网络不好爬取数据不全,加大 这个数字
    time.sleep(10)
    nameList = driver.find_elements_by_xpath('//td[@class="col3 ng-binding"]')
    classList = driver.find_elements_by_xpath('//td[@class="col4 ng-binding"]')
    numsList = driver.find_elements_by_xpath('//td[@class="col6 ng-binding"]')
    increList = driver.find_elements_by_xpath('//td[@class="col7"]/span[1]')
    result = zip(nameList, classList, numsList, increList)
    apps = []
    for i in result:
        app = []
        for j in i:
            app.append(j.text)
        apps.append(app)
    print(apps)
    with open("艾瑞app.csv", 'w', newline="", encoding="gb18030") as f:
        writer = csv.writer(f)
        for i in apps:
            print(i)
            writer.writerow(i)
    driver.quit()

    五、总结

    爬虫很容易,只要逻辑清晰。

    有什么问题大家都可以私信我交流哈,爬虫比django做网站简单多啦。

    展开全文
  • 手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动...我们可以设置一个规则:当滚动条的滚动高度和整个文档高度相差不到20像素,则认为滚动条滚动到页面底部了: 文
  • 我们有时会遇到这样的情况: 因为是在谷歌浏览器看法...然后高度可能高了,有滚动条上下滚动,不美观 设置这个 键盘弹起图片高度会压缩,写js解决,获取窗口高度,赋值给元素,具体怎么获取,百度一大堆。 谢谢! ...
  • 苹果真机 会出现 在 高度不足 的情况下出现滚动条的问题 这是因为设置了min-width: 1200px 之后高度还是100vh但是这个100vh 不是 实际的100%高度, 如何解决 需要这样: //解决内容高度不足出现滚动条问题 @media ...
  • 2019-12 前端技术汇总

    2021-06-10 11:40:15
    #滚动条自动滚动到最右侧 给scrollLeft设置一个超大的值即可 this.$nextTick(() => { element.scrollLeft = 10000 }) #2019/12/27 周五 #怎么清除app内嵌H5的localStorage 测试手机: iPhone8, 红米6,内嵌H5...
  • 3633快速接单3版X86V1.0

    2015-02-04 19:34:10
    鼠标点下页面,CTRL+滚动条,就可以放大缩小 可以自定义条件吗? 可以,单条件:非白号 仅白号 非秒单 仅秒单 非手机手机 非福建 或非地区 非其它{地区名1,地区名2} 基5 基3 基6 三心 一心 四心 一钻 二钻 一冠 ...
  • Android 上百实例源码分析以及开源分析 集合打包4

    千次下载 热门讨论 2012-07-10 21:54:03
    功能可以说很多都是首创,我最喜欢的还是自定义搜索,终于也可以在手机上使用google自定义搜索了,应用自带中文,不过设置中含有部分英文。 本项目有81个目标文件。感兴趣的童靴可以好好研究哟。 7、开源项目...
  • ios开发记录

    2015-08-06 23:12:11
    //有交叉就怎么怎么样 //Activity 活动 Indicator指示器 // UIActivityIndicatorView *ai = [[UIActivityIndicatorView alloc] init]; // ai.activityIndicatorViewStyle = ...
  • 1. 修正了在某些HTC手机上出现的使用‘导出和导入’功能时文件列表无法滚动滚动不畅的问题。 2. 修正了在开启了快速输入功能后,利用收藏、搜索功能跳转至其他记录时或者减少以及清空当前记录列表中的记录时会导致...
  •  内容超出一屏的时候,文章列表右边就会出现滚动条,这样也太丑了吧。那如何能让这个滚动条不出现呢,那就是让它隐藏掉。通过在全局样式中设置scroll隐藏,这样就好看多了。::-webkit-scrollbar{   height: 0; ...
  • 1. 修正了在某些HTC手机上出现的使用‘导出和导入’功能时文件列表无法滚动滚动不畅的问题。 2. 修正了在开启了快速输入功能后,利用收藏、搜索功能跳转至其他记录时或者减少以及清空当前记录列表中的记录时会导致...
  • 2. 华为手机中可以正常的呼起系统选择文件的窗口,但是无法正常读取系统文件(最后跟客户端的同学确定,如果h5在webview中读取系统文件,是需要权限的,也就是说需要客户端支持ÿ...
  • vc++ 开发实例源码包

    2014-12-16 11:25:17
    SettingDlg.h 设置对话框类文件 LocalInfoDlg.h 查看本地信息对话框类文件 freeeim_FreeEIM_企业即时通讯软件源代码2010年8月份最新版 如题。 FTP、HTTP 多线程断点续传下载文件 源码 如题。 gdiplus应用实例 如...
  • vc++ 应用源码包_6

    热门讨论 2012-09-15 14:59:46
    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...
  • vc++ 应用源码包_1

    热门讨论 2012-09-15 14:22:12
    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...
  • 7.3.11 滚动视图(ScrollView)介绍与应用 91 7.3.12 进度条(ProgressBar)介绍与应用 92 7.3.13 拖动(SeekBar)介绍与应用 93 7.3.14 评分组件(RatingBar)介绍与应用 94 7.3.15 图片视图(ImageView)介绍与应用 ...
  • vc++ 应用源码包_5

    热门讨论 2012-09-15 14:45:16
    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...
  • vc++ 应用源码包_2

    热门讨论 2012-09-15 14:27:40
    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...
  • vc++ 应用源码包_4

    热门讨论 2012-09-15 14:38:35
    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...
  • vc++ 应用源码包_3

    热门讨论 2012-09-15 14:33:15
    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...
  • 既然有dom节点的移除和添加,那么我的滚动条位置要移除页面的同时要怎么设置才能让用户看起来像是无缝连接呢?我如何判断我已经滚动到了页面的顶部或底部?在滚动到底部或顶部的时候,我们具体究竟要执行哪些操作。...

空空如也

空空如也

1 2
收藏数 29
精华内容 11
关键字:

手机滚动条怎么设置