html 使用jQuery在页面加载时进行html调整。在页脚后面立即放置在html文件中。

Posted 2021-05-11

<?php wp_footer(); ?>
	<script type="text/javascript">
		$(window).on('load', function(){
			var width = $(window).width();
			if ( width > 991 && width < 1200 ) {
				$( ".landing-title" ).parent( ".col-md-8" ).css({
					"position": "relative",
					"top": "-70px"
				});
			}
		});

		$(window).on('resize', function(){
			var width = $(window).width();
			if ( width > 991 && width < 1200 ) {
				$( ".landing-title" ).parent( ".col-md-8" ).css({
					"position": "relative",
					"top": "-70px"
				});

				} else {
					$( ".landing-title" ).parent( ".col-md-8" ).css({
						"position": "relative",
						"top": "0"
					});
				}
			});

	</script>
  </body>
</html>