Question

我只需要在此部分进行水平滚动并隐藏垂直滚动

我已尝试过overflow-x:hidden之类的所有东西，但它不起作用。

<html>
    
	<body>
	
		<div class="boxscroll do-nicescrol" style="height:200px;">
		<h1>All Complex Ecosystems Have Parasites</h1>
		<p><strong>All Complex Ecosystems Have Parasites</strong></p>
		<p><strong> Cory Doctorow</strong></p>
		<p><strong> doctorow@craphound.com</strong></p>
		<p><strong> For the O&#8217;Reilly Emerging Technology Conference</strong></p>
		<p><strong> San Diego, California</strong></p>
		<p><strong> 16 March 2005</strong></p>
		<p>&#8212;</p>
		<p>This text is dedicated to the public domain, using a Creative Commons public domain dedication:</p>
		<p>&gt; Copyright-Only Dedication (based on United States law) &gt; &gt; The person or persons who have associated their<br />
		work with this &gt; document (the &#8220;Dedicator&#8221;) hereby dedicate the entire copyright &gt; in the work of authorship<br />
		identified below (the &#8220;Work&#8221;) to the &gt; public domain. &gt; &gt; Dedicator makes this dedication for the<br />
		benefit of the public at &gt; large and to the detriment of Dedicator&#8217;s heirs and successors. &gt; Dedicator intends<br />
		this dedication to be an overt act of &gt; relinquishment in perpetuity of all present and future rights &gt; under<br />
		copyright law, whether vested or contingent, in the Work. &gt; Dedicator understands that such relinquishment of all<br />
		rights &gt; includes the relinquishment of all rights to enforce (by lawsuit &gt; or otherwise) those copyrights in<br />
		the Work. &gt; &gt; Dedicator recognizes that, once placed in the public domain, the &gt; Work may be freely reproduced,<br />
		distributed, transmitted, used, &gt; modified, built upon, or otherwise exploited by anyone for any &gt; purpose, commercial<br />
		or non-commercial, and in any way, including &gt; by methods that have not yet been invented or conceived.</p>
		<p>&#8212;</p>
		<p>AOL hates spam. AOL could eliminate nearly 100 percent of its subscribers&#8217; spam with one easy change: it could simply<br />
		shut off its internet gateway. Then, as of yore, the only email an AOL subscriber could receive would come from another<br />
		AOL subscriber. If an AOL subscriber sent a spam to another AOL subscriber and AOL found out about it, they could terminate<br />
		the spammer&#8217;s account. Spam costs AOL millions, and represents a substantial disincentive for AOL customers to remain<br />
		with the service, and yet AOL chooses to permit virtually anyone who can connect to the Internet, anywhere in the world,<br />
		to send email to its customers, with any software at all.</p>
		<p>[&#8230;]</p>
		<p>A free ebook from http://manybooks.net/</p>
		</div>
	<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
	<script src="https://nicescroll.areaaperta.com/wp-content/plugins/jnicescroll/js/jquery.nicescroll.min.js"></script>
	<script>
		$(document).ready(function(){
			$(".do-nicescrol").niceScroll();
		});
	</script>
	</body>
</html>

Answer 1

要删除脚本 Nicescroll 的水平滚动，您必须插入此选项horizrailenabled:false。

所以你的脚本是：

$(document).ready(function(){
        $(".do-nicescrol").niceScroll("{horizrailenabled:false}");
});

Answer 2

nicescroll插件中有一个 overflowx 选项，默认情况下仍为true。希望，此选项将解决您的问题。您可以在下面的图片或https://github.com/inuyaksa/jquery.nicescroll/blob/master/jquery.nicescroll.js查看详细信息

Answer 3

return FutureBuilder(
        future: getMessagesFromAsset(),
        builder: (context, messages) {

          // add this one
          if (messages.connectionState == ConnectionState.waiting) {
                return Text("Loading...");
          }
          List<Message> messageList = messages.data;
          return ListView.builder(
            itemCount: 5,
            itemBuilder: (context, index) {
              return ListTile(
                isThreeLine: true,
                leading: CircleAvatar(child: Text('ND')),
                title: Text(messageList[index].title),
                subtitle: Text(
                  message.body,
                  maxLines: 2,
                ),
                trailing: Icon(
                  Icons.more_horiz_outlined,
                  color: Colors.blueAccent,
                ),
              );
            },
          );
        });

在niceScroll Js中禁用垂直滚动

3 个答案: