如何根据屏幕大小更改window.scrollY监听器

文章/答案/技术大牛

发布

1回答

javascript、reactjs、material-ui

它在我的屏幕上效果很好，27英寸的苹果电脑，但当我使用一个小屏幕时，我不太确定如何改变useEffect来收听不同尺寸的屏幕。useEffect(() => { const handleScroll = () => {

浏览 23提问于2021-01-30得票数 0

回答已采纳

1回答

触发一次后移除卷轴EventListener

javascript、reactjs、events、removeeventlistener

如何适当地删除此事件侦听器？useEffect(() => { if (window.scrollY > 590) { setIsOpen

浏览 0提问于2021-02-23得票数 1

回答已采纳

1回答

ReactJS根据滚动到具有动态高度的部分更改导航栏颜色

javascript、reactjs、react-router

const changeBackground = () => { //section = '1'} //secti

浏览 68提问于2021-02-09得票数 2

回答已采纳

2回答

当看到同一页锚点时的反应

javascript、html、css

:) 我正在尝试做什么(在某种程度上，我真的不知道如何搜索它！)尝试知道用户何时正在查看由锚元素分隔的特定页面部分。

浏览 18提问于2020-06-15得票数 0

回答已采纳

3回答

目前，我的JFrame总是设置为全屏，JPanel有一个可以更改的分辨率，还有一个BufferedImage，它被绘制到JPanel上，是我游戏的固定分辨率。我觉得这是非常低效的，因为可以有三种不同的分辨率，用于JFrame的全屏是屏幕分辨率，用户为JPanel设置的自定义分辨率和游戏的分辨率都可能与我在绘图前调整两次大小的分辨率不同。像Battlefield这样的现代游戏是如何让你改变分辨率的，它们总是全屏的，当它们调整大小时，它们不只是在窗口调整大小，因为我有一个带有电视的双

浏览 6提问于2014-12-08得票数 0

回答已采纳

1回答

用window.scrollY获取元素ID的滚动位置

javascript、reactjs

如何应用window.scrollY或类似的方法来注册<div id="innerContainer">的滚动位置} handleHeaderStuck() { if (<e

浏览 1提问于2018-03-29得票数 0

回答已采纳

1回答

如何根据屏幕大小更改字体大小？

ios、fonts、autolayout、uilabel、constraints

我已经添加了最小字体大小的标签，但字体不改变根据屏幕大小。但这没有发生。

浏览 1提问于2017-03-08得票数 1

回答已采纳

1回答

根据屏幕大小更改高度

css、bootstrap-4

我使用了col sm-2和navbar-expand-sm使它折叠成一个汉堡，屏幕大小相同，它应该占据整个宽度。问题是在sm屏幕尺寸以上，我希望它有h-100，所以它是一个侧边栏，但作为sm / xs，我希望它只占用切换按钮所需的空间。

浏览 19提问于2020-08-02得票数 1

回答已采纳

2回答

根据屏幕大小更改视图

angularjs

desktop/mobile // even more here模板1：模板2：当屏幕低于另一个要求是在可能的情况下使其响应(也就是模板会随着您调整窗口的大小而改变)。目前，我可以使用上述问题的解决方案，但还有其他方法吗？

浏览 4提问于2015-10-23得票数 8

1回答

根据屏幕大小更改jquery

jquery

else{ slidesToShow: 5, }); }); 我想要的是在大屏幕上滑块显示5个帖子，4个帖子在中屏幕上，3个帖子在小屏幕上，2个帖子在超小屏幕上，请帮助我哪里错了，如果有比这更好的方法，我将非常感谢你。

浏览 12提问于2019-01-11得票数 0

回答已采纳

2回答

根据屏幕大小更改布局

html、css、twitter-bootstrap、responsive-design、media-queries

我希望我的网站标题的内容占据100%的屏幕宽度，在普通大小的台式机/笔记本电脑，但集中在更大的显示器。所谓“更大的显示器”，我指的也是显示器的实际大小，而不仅仅是分辨率。我目前正在对标题的内容使用一个.container BootStrap类，并且我重写了一个媒体查询，以便当屏幕宽度超过1200 so时容器的宽度为100%。再说一次，这不是我真正想要的：如果屏幕宽度超过192 be，则头宽应为默认宽度，标头应居中

浏览 7提问于2017-02-10得票数 0

回答已采纳

3回答

根据屏幕大小更改字体

java、swing、fonts、resize、screen

如果屏幕大小改变了，我也想改变按钮文本的字体。我该如何实现它？

浏览 2提问于2011-11-18得票数 0

回答已采纳

3回答

根据屏幕大小更改jQuery

jquery、screen、responsive-design、truncate

我目前使用的是一个小插件(jTruncate)，当文本超过一定的字母阈值时，它会截断文本-我想知道，我可以将这个字母阈值与屏幕大小绑定在一起吗？例如如果屏幕大小小于500像素-显示60个字母 $('#recent').jTruncate

浏览 0提问于2012-12-11得票数 1

回答已采纳

3回答

根据屏幕大小更改CSS

html、css

-- A big form --></div>媒体查询很好，但对于许多屏幕大小的用户来说，手动查询非常耗时。

浏览 32提问于2020-05-19得票数 0

回答已采纳

1回答

移动视图中的链接缩小

html、css

将此位添加到标头使所有文本大小相同： -webkit-text-size-adjust: 100%问题是，整个页面显示的尺寸比我想要的要小，我认为在屏幕上更难阅读。

浏览 4提问于2017-07-02得票数 0

回答已采纳

2回答

根据屏幕大小更改CSS

jquery、html、css、angularjs、ionic-framework

我不能对Tab和Mobile使用相同的CSS，那么是否有方法检测屏幕大小并相应地更改CSS？我可以一步一步地了解如何做到这一点吗？(预先谢谢:)

浏览 5提问于2014-10-17得票数 1

回答已采纳

1回答

安卓Unity3D中的多分辨率

android、unity3d、resolution

我一直在创建一个android游戏，但我需要为更多的设备创建它。现在，我试着在我的智能手机三星Galaxy S(分辨率480 x 800)上玩游戏，但当我尝试在平板电脑三星Galaxy 10.1上启动它时，它会拉伸图片，但它不是全屏，我有相同的自由空间。请，我怎样才能把它伸展到全屏？我想创造更多的设备游戏，而不仅仅是一个:D。

浏览 2提问于2013-08-28得票数 1

回答已采纳

2回答

如何根据屏幕大小更改Next/Image？

web、next.js、next-images

我有一个具有多个图像的英雄，我想根据屏幕大小显示图像，例如，如果用户使用大屏幕，英雄将加载大/宽图像，如果他使用电话，英雄将显示一个不同的图像，不适合屏幕。我不知道如何使用nextjs来实现这一点，无法指定在不同的屏幕上加载哪个映像。

浏览 30提问于2022-11-19得票数 0

回答已采纳

1回答

如何根据屏幕大小更改div内容

html、css、bootstrap-4、frontend

当屏幕变小时，我希望更改indices_container内的行div的内容。目前，在所有大小的屏幕上，每一行都显示索引名称、价格、1天的更改和ytd更改。我只想在小屏幕上显示索引名称和ytd更改。我只是使用Flask和bootstrap来服务我的应用程序，所以如果没有react和vue这样的东西，我甚至不确定这是否可能。

浏览 27提问于2021-11-22得票数 0

1回答

getBoundingClientRect会根据滚动位置动态变化吗？

javascript、html、reactjs、dom

下面的代码有什么问题？getBoundingClientRect的值并不总是相同的，当我滚动后启动函数时，它会发生变化。下面的函数只有在我没有滚动页面的情况下才是准确的(滚动到正确的位置)。 const element = document.getElementById('myDiv') const elementPosition = element.getBoundingClientRect().top const offsetPosi

浏览 0提问于2019-08-21得票数 2

点击加载更多